如何订阅会话速度可观察的

Question

在Angular组件（FirstComponent）中，我调用了一个服务，从中我将对象作为响应得到。我将响应存储在浏览器中，以“ sessionstorage”。

sessionStorage.setItem("data", JSON.stringify(response));

现在，在另一个组件（第二组件）中，我获得了“ sessionstorage”，然后将结果从内部组件库中绘制到数据杂志中。

let response = JSON.parse(sessionStorage.getItem("data"));

调用组件库方法时，您可以加载数据级列时，它给我以下错误：

具体行错误：

columnsOptions[5].visible = false

core.js:6210 ERROR TypeError: Cannot read properties of undefined (reading '5')
    at TasksContainerComponent.addView (tasks-container.component.ts:144:21)
    at TasksContainerComponent.getScheduleTasks (tasks-container.component.ts:118:16)
    at SafeSubscriber._next (tasks-container.component.ts:52:12)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:183:1)
    at SafeSubscriber.next (Subscriber.js:122:1)
    at Subscriber._next (Subscriber.js:72:1)
    at Subscriber.next (Subscriber.js:49:1)
    at MapSubscriber._next (map.js:35:1)
    at MapSubscriber.next (Subscriber.js:49:1)
    at BehaviorSubject._subscribe (BehaviorSubject.js:14:1)

我从第二个组件中正确地从第一个组件的服务中获得了“ SessionStorage”的响应，但是它给出了我指示的错误。有趣的是，如果我在不使用“ SessionStorage”的情况下称呼第二个组件中的第一个组件的相同服务，我会得到相同的响应，并且一切正常。

就像我必须创建一个可观察到的“ sessionStorage”并订阅以正确加载数据，但是到目前为止，我还没有弄清楚如何做到这一点。

要优化，我只想调用服务一次，因为在这两个组件中，我都需要相同的响应来绘制数据。

这是第二个组件的oninit事件，这是当我使用“ sessionstorage”时显示的错误，“ columnsoptions”常数未定义，但是，如果我不使用“ sessionstorage”，并启动“ columnsoptions”服务呼叫，，它具有我需要的价值，而且工作正常。

目的是用“ sessionstorage”中存储的对象绘制数据杂志，但是如果“ haserrors”参数包含0，则我隐藏了datagrid的一列，以防其“ 0”错误，那是我没有错误而且我必须隐藏最后一个数据杂志列，这是我尝试隐藏该列时完全失败的代码：

const columnsOptions: DatagridColumnOptions[] = this.dg.columns?.map(column => ({
  column: column,
  visible: true,
  level: 0,
}));

if (hasErrors === 0) { 
  columnsOptions[5].visible = false;
}

错误在此行上：

columnsOptions[5].visible = false;

但是它是因为：

columnsOptions = undefined;

我可以做什么？