如何解决如何使用 ngFor 使我的单选按钮看起来像切换按钮?
这是一个 BuzzFeed 风格的测验。 我的电台选择是循环通过并加起来达到一定分数的问题。我不知道如何让它们看起来被选中没有来自单选按钮的圆圈。
这是我目前所拥有的:
<div class="form-group">
<label
>{{ quizQuestions[0] }}
<div class="btn-group btn-group-toggle" *ngFor="let flavor of answerSetOne">
<label class="btn btn-primary active">
<input
checked
type="radio"
name="flavor"
class="btn-check"
ngModel [value]="flavor.num"
required/>
{{ flavor.name | titlecase}}
</label>
</div>
</label>
</div>
当我输入 data-toggle="buttons"
时,无线电圆圈消失,但它不再为结果选择一个选项。
如何让圆圈消失以显示代码和用户已选择某个选项?
这就是它现在工作时的样子。 working quiz section
解决方法
这里看起来更像是一个 CSS 问题。你可以让它们消失:
input[type=radio] {
appearance: none;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。