Question

我想基于1-5选择的答案数创建几个输入字段。并希望根据所选的数字命名ngModel“answer1”“answer2”“answer3”“answer4”“answer5”。因此，如果我在选择中选择3，则应该有3个输入字段，其中ngModel名称为answer1-3。

<ion-item *ngFor="let number of Object.answers"> //object.answers  is array from 0 to max 4
<ion-label floating>Selection {{number+1}}:</ion-label>
<ion-input  [(ngModel)]="answer[number+1]"></ion-input>
</ion-item>

如果我运行此代码，我会收到错误“无法读取未定义的属性'1'。如何运行此代码？

Answer 1

有两种方法可以解决这个问题。通过将答案（或者我会说答案）设置为数组或对象

另外可以肯定的是，有一个索引而不是直接使用你的号码，因为你可以不确定它的含义

<ion-item *ngFor="let number of Object.answers; let i = index;"> //object.answers  is array from 0 to max 4
<ion-label floating>Selection {{number+1}}:</ion-label>
<ion-input  [(ngModel)]="answer[i]"></ion-input>
</ion-item>

根据变量创建ngModel

1 个答案: