角度验证器和双向绑定问题

Question

我的源代码可以通过以下链接访问：

https://stackblitz.com/edit/angular-umszww

我已经为部门和系统字段设置了双向绑定。我点击“添加新的Calltree”，一个模式弹出窗口，然后例如，我从分区下拉框中选择“ A1”。之后，在“系统”字段中输入“ ABC”，最后，我单击“保存”按钮。

我希望控制台应显示以下内容：

CallTree {division: "A1", systemName: "ABC"}

但是，控制台实际上应该显示以下内容：

CallTree {division: "A1", systemName: ""}

我尝试在下拉框中选择其他值，除法值会相应更改，但是，systemName值不会相应地更改，您能告诉我为什么吗？

Answer 1

您的表格的值将在this.myForm.value中，而不在this.callTree中

您的保存功能应如下所示：

save() {
  if (this.myForm.valid) {
    console.log(this.myForm.value);
  } else {
    this.validateAllFormFields(this.myForm);
  }
}

这是您的参考资料Working Sample Code。>

Answer 2

如果您想将值添加到this.callTree对象中，则>]

您只需要替换您的保存功能