`[(ngModel)]`vs` [(value)]`

时间:2017-03-09 15:49:19

标签: angular

之间有什么区别
<input [(ngModel)]="name">

<input [(value)]="name">

他们似乎做了同样的事情。

角度文档正在使用 NgModel ,但他们也说他们用&#34;盒装香蕉&#34;替换所有angular1指令。 [()]。那么为什么 NgModel 还在?

我错过了什么?

1 个答案:

答案 0 :(得分:43)

  • ngModel是一个指令,允许您的输入参与表单(但也可以没有表单)
  • value是一个属性,您可以将值绑定到[value]="name"(valueChange)="..."不起作用,因为<input>元素没有因此@Output() valueChange; [(value)]="..."无效。

[(ngModel)]="name"[ngModel]="name" (ngModelChange)="name = $event"的简写[(value)]="name"

的简写[value]="name" (valueChange)="name = $event"