使用NGRX-Data的Angular嵌套组件数据流。

Question

我有一个共享服务和服务连接到NGRX数据存储的两个组件。该 Button-Component 通过调用服务的 getByKey() NGRX-Data的方法。该 Display-Component 有一个Observable，这个Observable是用异步管道订阅的。

// Observable subscribed with async pipe
identifiers$: Observable<Identifiers> = new Observable<Identifiers>();

// Method called by the `Button-Component`
callApi(key) {
    // When this emits I want to map the value to `identifiers$`
    this.service.getByKey(key);
}

到目前为止，我还不能用Subscrption在 Display-Component. 如果我在服务中手动订阅，它就会工作。entities$ 中的内容也会被更新。我可以用这个方法，但我需要一些逻辑来存储这些信息。key 我想避免这种情况的发生。

那么，我如何从Store返回的Observable映射到一个叫做 Display-Component 一次完成？

Answer 1

存储器对于所有的子模块和它们的组件都是共享的，如果你使用 .forRoot 在 AppModule 那么这意味着所有的应用程序都连接到同一个存储空间并共享其数据。

在你的情况下，我将检查选择器的 identifiers$ 以确保其接收的内容和方式，因为所描述的流程在 ngrx-data 中工作，不需要任何额外的更改。