如果在没有“香蕉”包装的情况下使用,ngModel会创建双向数据绑定

时间:2017-02-12 18:22:32

标签: javascript angular angular2-forms

In this article Todd Motto解释说:

  

ngModel =如果没有分配任何绑定或值,ngModel将查找a   name属性并将该值指定为全局的新Object键   ngForm对象:

<form novalidate #f="ngForm">
  ...
    <input
     type="text"
     placeholder="Your full name"
     ngModel>
  ...
</form>

关于“香蕉”包装:

  

[(ngModel)] =双向绑定语法,可以设置初始数据   绑定组件类,但也更新它:

<form #f="ngForm">
  ...
    <input
      type="text"
      placeholder="Your full name"
      name="name"
      [(ngModel)]="user.name">
  ...
</form>

所以我期待在他的最后一个例子中看到[(ngModel)]。但是,他使用了普通的ngModel指令。它是否会创建双向数据绑定?似乎它根本不会产生任何约束力。

1 个答案:

答案 0 :(得分:1)

它创建了一种绑定到form.value[name]的方式,ngModel在这种情况下只更新了表单value对象中的相应属性。

请参阅https://angular.io/docs/ts/latest/api/forms/index/NgModel-directive.html