时间戳

首页 > 解决方案 > 角度验证器和双向绑定问题

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

问题描述

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

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

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

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

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

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

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

我试过在下拉框中选择其他值，除法值会相应变化，但是systemName值没有相应变化，你能告诉我为什么吗？

标签： angularangular-material

解决方案

如果您想将价值转化为this.callTree对象而不是

你只需要更换你的保存功能

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

希望这对你有用。

如果您想了解更多信息，请告诉我。

谢谢

推荐阅读