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

我对Angular和实现包含多个MCQ的测验是新手。 但我在单选按钮选择上有困难

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

mcq.component.html

<form (ngSubmit)="ff.form.valid && answer(ff)" #ff="ngForm">
  <div *ngFor="let question of questions">
    <p style="font-size: 25px;">{{question.title}}</p>
    <div *ngFor="let option of question.options">
        <input [(ngModel)]="option_model.selected_option_id" #selected_option_id="ngModel" type="radio" value="{{option.id}}" name="{{question.id}}">
        <!-- <input type="radio" value="{{option.id}}" name="{{question.id}}" ngModel > --> //This way it works fine but I need to use [(ngModel)] to submit the form
      {{option.title}}
    </div>
  </div>
  <input style="float: right" type="submit" value="Submit"/>
</form>

{{question.title}
//这样做很好，但我需要使用[（ngModel）]提交表单
{{option.title}}

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

这就是我想要实现的目标

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

---

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

好吧，我把它整理好了。问题在于ngModel和name属性

像这样很好用

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

---

检查此{{question.id}}是否对所有问题都不同的可能重复项？原因只有当不同问题的单选按钮具有相同的名称属性时，才会发生这种情况。是的，{question.id}对于这两个问题是不同的。当我删除[（ngModel）]属性时，这项功能会起作用，但在提交表单时，我无法获取该值。您使用带有单选按钮的ngModel的方式似乎存在一些问题！分享一些小提琴，在那里我可以检查问题是什么我不知道怎么做：(

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