Angular 2表單元素的屬性 - 正確的語法？

Question

我讀this artcle並在文章中我看到：

<input type="search" [formControl]="seachControl">

和

<input type="text" formControlName="street">

我想知道正確的語法是什麼聲明formControl和formGroup。我可以這樣做

<input type="text" [formControlName]="street">

或

<input type="text" [attr.formControlName]="street">

或

<input type="text" [formControl]="street">？更具體地說，這三個實例有何不同？

Answer 1

[formControl]="seachControl"就是我們所說的模型綁定，它綁定到主表單元素，即搜索。

當你有一個單一的形式元素，即search你只是簡單的模型，可以綁定您的class內產生任何variable並千萬記住您綁定的變量的類型。

，並作爲

<input type="text" formControlName="street"> 

因爲street這裏是主要的formControl元素中創建您不必street變量的直接訪問。所以這個指令的作用是告訴你這個標籤所在的主/父元素應該綁定到你在formControl裏面創建的street。

至於

<input type="text" [formControlName]="street"> 

我不知道，但我覺得formControlName實際上並沒有做綁定是那種告訴一下這個標籤需要綁定到。語法建議它會嘗試在你的類內部尋找街頭變量來綁定它。

正如你所看到的，他說。

這是formControlName指令發揮作用的地方。這幾乎相當於模板驅動表單中的ngModel和name屬性組合。每個表單控件獲得一個formControlName指令應用，所以我們可以在外形

所以你只需要到外模型綁定，因爲存在上註冊控件/實例在class和formControlName和formGroupName會照顧內在的因素。