如何在容器组件中控制可观察数据

Question

在我的组件中，我从存储中获取数据，如下所示：

ngOnInit() {

        this.appUserName = this.store.pipe(select(subscribe.getAppUserName));
        this.store.dispatch(new actions.LoadTranslationIds());
        this.data = this.store.pipe(select(subscribe.getTranslationIds));

    }

分配后，我试图在 'ngChanges' 中打印 "this.data"，例如：

ngOnChanges() {
     console.log('trans id', this.data);
}

但是ngOnChanges本身不触发。我无法控制我收到的数据。我的代码有什么问题？或者什么是正确的方法？

我这里没有使用 "subscribe" 方法。

Answer 1

ngOnChanges 仅在指令的任何数据绑定属性更改时调用。

你为什么不订阅它。

https://angular.io/api/core/OnChanges

Answer 2

这样试试：

this.data = this.store.pipe(select(subscribe.getTranslationIds)).pipe(tap((val) => console.log(val)));

它会为你工作！

如何在容器组件中控制可观察数据

How to console an observable data in container component

angular-observable

angular8

ngrx-store-8.0