[（ngModel）]如何與Angular 2中的單向數據流配合使用

Question

Angular 2一次支持單向數據流。雙向數據綁定[（ngModel）]在Angular2中如何工作？

Answer 1

Angular2領悟[(ngModel)] = myName爲property + event結合，並作爲摺疊版本，

1. [ngModel] = 'myName'和
2. (ngModelChange) = 'updateMyNameValue(myName)'

他們unidirectional data flow政策可能會以及利用它的擴展版本例如在值更改時由inputs事件明確設置作用域變量，反之亦然，因此此語法它的IC糖版本看起來幾乎像

myName = ''; 
function updateMyNameValue(elem) { 
    // find scope variable of `myName` and update it 
    // find element in view and update it 
} 
// <input type="text" onchange="updateMyNameValue(this)" value="" /> 

按照docs，

[(ngModel)]是一個更一般模式的具體示例的 角「去糖」的[(x)]語法成一個x輸入屬性爲 屬性綁定和一個xChange輸出屬性用於事件綁定。 Angular構造事件屬性綁定的模板語句 將=$event附加到模板表達式的文字字符串。

[(x)]="e" <==> [x]="e" (xChange)="e=$event"