ngModel 和复选框/收音机无法正常工作

Question

我为我的应用程序制作了 html 模板。 基本上它是一个带有文本输入的单选框/复选框，其中包含问题的答案。 在我决定将 ngModel 添加到它们之前，它工作得很好。 问题是，当我添加 2 个或更多答案并单击 label 以设置正确的答案（/s）时，只有最后一个选择，此外，每当我单击 label 时，答案文本就会消失。

html 文字：

 <div *ngIf="question.typeQuestions==1"> <div *ngFor="let item of question.selectedAnswer; let i = index" class="checkbox-variable"> <input type="checkbox" id="customCheckbox{{i}}" name="customCheckbox" class="checkbox-square" [(ngModel)]="item.isCorrect" > <label class="checkbox-label" for="customCheckbox{{i}}"><input class="checkbox-text" type="text" [(ngModel)]="item.text"></label> </div> </div>

Answer 1

ChrisY 解决了这个问题。

具有相同名称的多个输入在这里是绝对错误的。 试试name="customCheckbox{{i}}" 。 使用 ngModel 时，您需要一个标识表单控件的名称。 它必须是独一无二的