无法显示来自NGRX状态的选定属性

时间:2019-09-21 16:04:22

标签: angular state ngrx

我正在尝试显示状态错误,它是Observable<String>类型,所以我在使用async管道。

在组件中

this.error = store.select(state => state.error); // in constructor
error: Observable<String>;

在模板中:

<div *ngIf="error | async as err">
  <p>{{ err }}</p>
</div>

我在另一个组件上具有几乎相同的代码,它可以工作,在这里却不能。我看到了devtools上的错误,它在那里。

2 个答案:

答案 0 :(得分:0)

代码段似乎还不错,请确保您:

  • 的方式更改状态,没有直接分配(请勿执行state.error = errorMessage
  • 验证该州是否存在error属性

答案 1 :(得分:0)

<div *ngIf="error | async; let err">
  <p>{{ err }}</p>
</div>

这应该正常工作(如果在this.error = store.select(state => state.error)之前没有任何错误,//在构造函数中 错误:可观察;