ngModel 和 checkbox/radio 无法正常工作

Question

我为我的应用制作了 html 模板。基本上它是一个 radio/checkboxes，带有包含问题答案的文本输入。在我决定向它们添加 ngModel 之前，它工作得很好。问题是，当我添加 2 个或更多答案并单击标签以设置正确的答案时，只有最后一个选择，而且只要我单击标签，答案文本就会消失。

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 时，您需要一个标识表单控件的名称。它必须是唯一的

ngModel 和 checkbox/radio 无法正常工作

ngModel and checkbox/radio not working properly

html

checkbox

radio

ngmodel

angular