angular - Angular/NGXS - 无法获取商店状态

Question

在我正在调度一个动作的父组件上，我愿意在子组件上获取调度的数组，因为我正在执行以下操作：

  export class ListComponent implements OnInit {
  @Select(ProductState.getProductDetails) listProduct$: Observable<Product>;

   constructor() { 
    //Can't get the dispatched array using the following
    const list = this.listProduct$;
    console.log('The array content is ', list);
   }

  }

list$通常应该返回一个数组，因为我愿意对其元素运行一个 for 循环并过滤一些数据。

到目前为止，我无法在日志中看到数据是从父组件正确分派的，但我无法在子组件上获取/修改它。

Answer 1

如您所见，选择器从 RxJS 返回一个 Observable。如果你想获得价值，你应该订阅它（或使用AsynPipe）：

 this.listProduct$.subscribe(products => {
     // Do something with products
 });

不要忘记取消订阅，否则会导致奇怪/不可预测的错误和内存泄漏。