2017-02-17 168 views
0

我近期對角度2感到安靜,並且正在繞着雙向數據綁定碰撞我的頭。這是混亂:角度2的雙向數據綁定

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

這樣做的目的很好。它似乎已經是雙向數據綁定了。我可以訪問組件內的用戶名,輸入元素的值屬性也會更新。爲什麼我需要[]呢?這裏的雙向綁定是什麼?組件內部的內容以及組件的內容。

聲明:我知道這是一個非常天真和看似愚蠢的問題:

回答

0

按照我的理解寫像你這樣:

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

是一樣的:

[(input)]="username" 

所以他們倆都是2路數據綁定

如果你想只有一個辦法:

(input)="username" 


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

A ngular 2數據綁定解釋爲here

當您在輸入中寫入時執行:「username = $ event.target.value」,將爲變量用戶分配您輸入的值。

這意味着,下面的HTML不相同:

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