NGXS <->角:双向结合

Question

我想同步由填充的2个表单字段.

如果我更改输入字段#1，存储将同步，但是输入字段#2仍然有旧的值。输入字段#2也是如此。

是否有使用反应性表单的ngxs方式来保持它们的同步？

代码-示例：Stackblitz.com

Answer 1

这里的问题不是ngxs，而是反应性表单，当多个组件绑定到同一个FormControl时，当组件值发生变化时，反应性表单负责更改模型值，而不是其他组件值。

要处理这种情况，找到的唯一的hacky方法是侦听表单值的更改，并设置相同的值，确保不分派事件以避免无限循环。

在共享示例中，可以将其添加到AppComponent constructor中：

constructor(private fb: FormBuilder, private store: Store) {
    this.nameForm.valueChanges
     .subscribe(_ =>
      this.nameForm.setValue(_, { emitEvent: false}));
}