角形式多輸入綁定

Question

我有一個可以有任意數量處方的表格，並且我試圖將其數據綁定到對象數組。 除了我總是得到： Cannot read property number of undefined 。

這是我的html：

<tr *ngFor="let num of [0, 1, 2]">
     <td><input type="number" name="number" class="form-control" [(ngModel)]="prescricao[num].number" #number="ngModel"/></td>
</tr>

這是我的Angular組件變量聲明：

export class MedicoComponent {
    prescricao: any[] = [];

而且我總是收到此錯誤： ERROR TypeError: Cannot read property 'number' of undefined

有什么問題的主意嗎？ 在那之后，我計划提供更多輸入，但是基本上，最終我想要這樣的東西：

prescricao[
    {
         "number": 10,
         "idApr": 5
    },
    {
         "number": 5,
         "idApr": 3
    },
    etc...
]

Answer 1

您需要同步兩個數組，但是很難實現。 只需在迭代中使用原始數組即可：

<tr *ngFor="let item of prescricao"> <td><input type="number" name="number" class="form-control" [(ngModel)]="item.number" #number="ngModel"/></td> </tr>