角度2的双向数据绑定

Question

我近期对角度2感到安静，并且正在绕着双向数据绑定碰撞我的头。这是混乱：

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

这样做的目的很好。它似乎已经是双向数据绑定了。我可以访问组件内的用户名，输入元素的值属性也会更新。为什么我需要[]呢？这里的双向绑定是什么？组件内部的内容以及组件的内容。

声明：我知道这是一个非常天真和看似愚蠢的问题：

Answer 1

按照我的理解写像你这样：

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

是一样的：

[(input)]="username" 

所以他们俩都是2路数据绑定

如果你想只有一个办法：

(input)="username" 


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

Answer 2

A ngular 2数据绑定解释为here。

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

这意味着，下面的HTML不相同：

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