Question

我儘量讓輸入字段的表格嵌套ngFor幫助具有雙向數據綁定。我幾乎實現了這一點，但雙向數據綁定的東西是錯誤的，我找不到問題。

所以，這是我想擁有的東西 - 我希望能夠鍵入單詞的每個字母

我有這個表，我可以輸入，但如果我在第一個單元格中鍵入，相同的值出現在第二，如果我在第三個類型，值也出現在第4和第5 ... 我不明白爲什麼，我想這個問題是這一行

<input maxlength="1" size='5' name="{{i}}{{j}}" [(ngModel)]="helper[i][j]" [id]="j"/> 

能否請你告訴我，我怎麼能解決這個問題嗎？ 這裏是我的plunker，它的工作原理，但這個錯誤，我上面描述... My plunker is here

Answer 1

使用*ngFor，你應該儘量避免直接訪問你迭代上，像[(ngModel)]="helper[i][j]"陣列。

一般來說，你應該使用數據綁定時嘗試始終以飽滿的對象和點工程（。）記號。

在你的情況下，只需用對象數組[value: '', value: '', value: '', value: '', value: '']替換原始數組['','','','','']並直接綁定即可。

<td *ngFor="let item2 of helper[i]; let j = index;"> 
    <input maxlength="1" size='5' name="{{i}}{{j}}" [(ngModel)]="item2.value" [id]="j"/> 
</td> 

我已經更新您的plunker