ngModel和复选框/无线电无法正常工作

时间:2019-12-30 07:50:05

标签: html angular checkbox radio ngmodel

我为我的应用制作了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>  

1 个答案:

答案 0 :(得分:0)

ChrisY解决了这个问题。

具有多个相同名称的输入在这里肯定是错误的。尝试name="customCheckbox{{i}}"。使用ngModel时,您需要一个名称来标识表单控件。它必须是唯一的