Angular2 Form輸入中的#name和[（ngModel）] =「name」有什麼區別？

Question

我是一個有點困惑，對於一些教程使用＃得到的輸入，而一些使用[（ngModel）

Answer 1

#XXX

#xxx可以讓你獲得一個元素的參考。

<input #inp (change)="foo = inp.value"> 

listenes的變化事件，並呼籲onChange()並通過輸入value財產

對於雙向綁定，您還需要

<input #inp (change)="foo = inp.value)" [value]="foo = $event"> 

NgModel

<input [(ngModel)]="foo"> 

使用NgModel指令，該指令允許將DOM輸入元素和自定義組件集成到Angular form功能中。 它也可以在沒有表格的情況下使用。 NgModel是對各種元素和組件的抽象，而以上（#inp）示例僅適用於具有value屬性併發出change事件的輸入元素。

[(ngModel)]="foo" 

是

[ngModel]="foo" (ngModelChange)="foo = $event" 

簡寫形式示出它是用於雙向綁定。

暗示

#xxx返回一個部件或指令例如，如果元素不是一個普通的DOM元素，但角分量或具有施加角指令。

Answer 2

在＃NAME語法是一個模板參考它指的是HTML對象的詳細信息，可在所述角文檔中找到： Angular template guide

在元件上的[（ngModel）]被設置雙向綁定值並將其分配給一個變量。