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

15 浏览
0 Comments

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

我是Angular的新手，正在实现一个包含多个多项选择题的测验。但是我在单选按钮的选择上遇到了问题。

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

mcq.component.html


    
{{question.title}}
        
         //这样的方式可以正常工作，但我需要使用[(ngModel)]来提交表单
      {{option.title}}

注意：每个问题的{{question.id}}是唯一的。如果我删除[(ngModel)]属性，这个方法也可以正常工作。

这里是我想要实现的效果：

And here is what I'm trying to accomplish

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

请帮帮我，我在这里卡了两天了。

0

1 答案

0 Comments

原因：问题出现的原因是ngModel和name属性的问题。

解决方法：按照以下方式修改代码来解决问题。

HTML代码：

TypeScript代码：

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

0