更改为NGRX存储后更新文本框-双向绑定

时间:2018-09-06 04:06:34

标签: angular ngrx ngrx-effects ngrx-store-4.0

我将Angular 6与NGRX一起使用。我在reducer的NGRX存储中更新了一个字段的值,并且工作正常。如何创建双向绑定,因此UI上表单中的文本框输入字段也将根据商店中的该属性进行更新。我想在NGRX存储和表单输入字段之间进行两种方式的绑定吗?

1 个答案:

答案 0 :(得分:1)

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

类似这样的东西:

li

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

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

NgRx选择器:https://toddmotto.com/ngrx-store-understanding-state-selectors