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

【问题标题】：ngModel and checkbox/radio not working properlyngModel 和复选框/收音机无法正常工作
【发布时间】：2020-04-18 23:55:12
【问题描述】：

我为我的应用制作了 html 模板。基本上它是一个带有文本输入的单选框/复选框，其中包含问题的答案。在我决定将 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>

【问题讨论】：

拥有多个具有相同名称的input 在这里是绝对错误的。试试name="customCheckbox{{i}}"。使用ngModel 时，您需要一个标识表单控件的名称。它必须是独一无二的。
stackblitz.com/edit/angular-ycyiyr
谢谢你，克里斯，为我完成了这项工作！

标签： html angular checkbox radio ngmodel

【解决方案1】：

ChrisY 解决了这个问题。

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

【讨论】：