2016-07-09 53 views
1

我想基於可能複選框使用ngFor和ngFormControl

<div class="row" *ngFor="let category of Categories" > 
     <input type="checkbox" name={{category}} 
     [ngFormControl]="myForm.controls[{{category}}]"> {{category}} 
    </div> 

陣列上生成一個複選框,然而,這並不工作,因爲它似乎{{category}}ngFormControl不被替換爲相應的值。

我得到的錯誤是

GOT插補({{}}),其中在 預計在柱27的表達[myForm.controls [ '{{類別}}']]在費@ 46 :4( 「流」 * ngFor => ] [ngFormControl] = 「myForm.controls [ '{{類別}}']」> {{類別}}

回答

1

「讓的分類類別」 只要一個錯字,替換:

*ngFor="let category of Cateories" 

由:

*ngFor="let category of Categories" 
+0

感謝您指出了這一點,(聯合國)幸好我犯同樣的錯誤,當我宣佈凱特(G)法制前提,這樣didnt解決問題。 –

+0

很抱歉聽到這個消息。你得到的錯誤與[ngFormControl]有關,它應該接收一個字符串,而不是插值。你有沒有把這個問題弄得一團糟? – Manube

+0

你有沒有嘗試過:「{{myForm.controls [category]}}」? – Manube