Как назначить значение состояния в строковую переменную в 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

Expresion:

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

возвращает Observable со строковым типом (Observable).Чтобы присвоить значение из хранилища локальной переменной, вам необходимо подписать его:

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

Если вы используете его в своем HTML, лучшим решением будет присвоить Observable переменной и извлечь значение непосредственно внутри шаблона, используя Асинхронная труба .