角度2的双向数据绑定

Question

我最近对于角度2很安静，并且在双向数据绑定方面碰到了我的脑袋。这是混乱：

  <input  (input)="username = $event.target.value" id="testing">
  <p>{{username}}</p>

这很好地达到了目的。它似乎已经是双向数据绑定。我可以访问组件内的用户名，并且还会更新input元素的value属性。为什么我需要[]呢？这里的双向绑定是什么？组件内部的内容以及组件的内容。

免责声明：我知道这是一个非常幼稚且看似愚蠢的问题：|

Answer 1

据我所知，像你一样写作：

(input)="username = $event.target.value" 

与：

相同

  [(input)]="username"

所以他们都是双向数据绑定

如果你只想要一种方式：

(input)="username"


https://angular.io/docs/ts/latest/guide/template-syntax.html

Answer 2

解释Angular 2数据绑定here。

当您在输入中写入时，执行：＆＃34; username = $ event.target.value＆＃34;，将为您输入的值分配给变量用户。

这意味着以下html的功能相同：

• [(ngModel)]="username"
• [username]="username" (input)="updateUserName()"
• (input)="username = $event.target.value"和{{userName}}