在测验角5中处理多个单选按钮

Question

我是Angular的新手并且正在实施包含多个MCQ的测验。 但我在选择单选按钮时遇到了麻烦。

我的问题也来自数据库和选项。

mcq.component.html

void someMethod(int[] array, int index) {
int y = 5, z = array[index] + y + index;
System.out.println(z); }

注意： {{question.id}}对每个问题都是唯一的。此外，如果我删除[（ngModel）]属性，这也很有效。

这就是我想要完成的事情

问题：当我从第二个问题中选择一个选项时，它会从第一个问题中取消选择所选选项。意味着我只能从两个问题中选择一个选项。

请帮助我，我做错了什么。我已经被困在这里两天了。

Answer 1

好的，把它排序。问题出在ngModel和name属性

像这样很好用

<input [(ngModel)]="options[question.id]" [checked]="options[question.id]" value="{{question.id}}-{{option.id}}" type="radio"
      name="option{{question.id}}">

在打字稿中

options: any = [];
option: any = [];