2017-02-12 25 views
1

In this article託德訓用解釋說:確實ngModel創建雙向數據綁定,如果沒有「香蕉」包

ngModel =如果沒有綁定或價值分配,ngModel將尋找一個 name屬性,並分配值作爲新對象鍵全球 ngForm對象:

<form novalidate #f="ngForm"> 
    ... 
    <input 
    type="text" 
    placeholder="Your full name" 
    ngModel> 
    ... 
</form> 

而關於 「香蕉」 包裝:

[(ngModel)] =雙向綁定的語法,可以從 綁定組件類設置的初始數據,而且還進行更新:

<form #f="ngForm"> 
    ... 
    <input 
     type="text" 
     placeholder="Your full name" 
     name="name" 
     [(ngModel)]="user.name"> 
    ... 
</form> 

所以我希望看到在使用[(ngModel)]他最後的例子。但是,他使用了簡單的ngModel指令。它是否創建雙向數據綁定?看起來它根本不創建任何綁定。

回答

1

它創建一個綁定到form.value[name],ngModel的方式,在這種情況下只是更新表格value對象中的相應屬性。

https://angular.io/docs/ts/latest/api/forms/index/NgModel-directive.html

+0

感謝,有啥'ngModel'和'[ngModel]'如果同時創建一個雙向綁定之間的區別? –

+0

區別在於綁定方向,[ngModel]將使用模型值更新值,ngModel將使用值更新模型值(本例中爲「form.value」)。 – kemsky