angular - 更改为 NGRX 存储后更新文本框 - 两种方式绑定

Question

我正在使用 Angular 6 和 NGRX。我在 reducer 中更新了我的 NGRX 存储中的一个字段的值，并且效果很好。如何创建双向绑定，以便 UI 上的表单中的文本框输入字段也将根据商店中的该属性进行更新。我想在我的 NGRX 商店和表单输入字段之间进行两种方式的绑定？

score 1 · Accepted Answer

您可以使用 @select 装饰器订阅组件中的 store 属性。

像这样的东西：

@select([YOUR_REDUCER, 'property']) private propertyObs$: Observable<type>;

在您的模板中，您可以使用 AsyncPipe 订阅 propertyObs。

有关 AsyncPipe 的更多信息：https ://blog.angular-university.io/angular-reactive-templates 。

1 回答 1