我近期對角度2感到安靜,並且正在繞着雙向數據綁定碰撞我的頭。這是混亂:角度2的雙向數據綁定
<input (input)="username = $event.target.value" id="testing">
<p>{{username}}</p>
這樣做的目的很好。它似乎已經是雙向數據綁定了。我可以訪問組件內的用戶名,輸入元素的值屬性也會更新。爲什麼我需要[]呢?這裏的雙向綁定是什麼?組件內部的內容以及組件的內容。
聲明:我知道這是一個非常天真和看似愚蠢的問題:
我近期對角度2感到安靜,並且正在繞着雙向數據綁定碰撞我的頭。這是混亂:角度2的雙向數據綁定
<input (input)="username = $event.target.value" id="testing">
<p>{{username}}</p>
這樣做的目的很好。它似乎已經是雙向數據綁定了。我可以訪問組件內的用戶名,輸入元素的值屬性也會更新。爲什麼我需要[]呢?這裏的雙向綁定是什麼?組件內部的內容以及組件的內容。
聲明:我知道這是一個非常天真和看似愚蠢的問題:
按照我的理解寫像你這樣:
(input)="username = $event.target.value"
是一樣的:
[(input)]="username"
所以他們倆都是2路數據綁定
如果你想只有一個辦法:
(input)="username"
https://angular.io/docs/ts/latest/guide/template-syntax.html
A ngular 2數據綁定解釋爲here。
當您在輸入中寫入時執行:「username = $ event.target.value」,將爲變量用戶分配您輸入的值。
這意味着,下面的HTML不相同:
[(ngModel)]="username"
[username]="username" (input)="updateUserName()"
(input)="username = $event.target.value"
和{{userName}}