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

Question

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

Answer 1

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

类似这样的东西：

li

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

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

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