我为我的应用制作了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>
答案 0 :(得分:0)
ChrisY解决了这个问题。
具有多个相同名称的输入在这里肯定是错误的。尝试name="customCheckbox{{i}}"
。使用ngModel时,您需要一个名称来标识表单控件。它必须是唯一的