如何将状态值分配给 Angural Component [ngrx Store] 中的字符串变量

Question

这是我的代码。但它给出了错误。

public productKey: string;

    constructor(private store: Store<AppState>) {
      this.productKey = store.pipe(select('product'), map((productState: ProductState) => productState.productKey));
    }

Answer 1

表达式：

store.pipe(select('product'), map((productState: ProductState) => productState.productKey))

return 一个字符串类型的可观察对象（Observable）。要将商店中的值分配给您需要订阅的局部变量：

store
  .pipe(select('product'), map((productState: ProductState) => productState.productKey))
  .subscribe(value => this.productKey = value);

如果您在 HTML 中使用它，更好的解决方案是将 Observable 分配给变量并使用 Async Pipe.

直接在模板内提取值

如何将状态值分配给 Angural Component [ngrx Store] 中的字符串变量

How to assign state value into string variable in Angural Component [ngrx Store]

angular

ngrx-store