angular - 即使名称相同，两个单选按钮也会被选中（iOS 12.2）

Question

有一个选择问题，它可以有多个选项。在特别是 iOS 12.2 版本中，我面临的问题都被选中，在 Android 中它工作正常。

请给建议。这是HTML代码：

<label class="radio" *ngFor="let option of question.answerOptions">
   <input type="radio" [formControlName]="question.id" [disabled]="disabled" [name]="radio-btn" [value]="option" [(ngModel)]="value">
     <span class="radio-toggle"></span>
     <span class="radio-text">{{ option[label] || option.label }}</span>
</label>

标签： angular

Answer 1

给每个单选按钮一个唯一的 id

<label class="radio" *ngFor="let option of question.answerOptions; let i = index">

       <input type="radio" [formControlName]="question.id" [disabled]="disabled" id="radio-btn{{i}}" [value]="option" [(ngModel)]="value">

 <span class="radio-toggle"></span>
     <span class="radio-text">{{ option[label] || option.label }}</span>
</label>