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>

角形多输入绑定

1 个答案: