Question

我正在尝试设置要检查的组中的第一个单选按钮。

我有6个标签，并且有一组标度集合，需要显示为单选按钮组，默认情况下应该检查第一个按钮。我在我的详细信息组件中使用以下代码段。只检查最后一个选项卡的第一个单选按钮，并且不检查初始选项卡中的那些按钮。请注意，最后一个选项卡是要加载的最后一个详细信息组件。

<div>
<div  *ngFor="let callauditscale of callauditscales; let i=index" 
class="form-check form-check-inline ">
<input  class="form-check-input" [attr.checked]="i === 0 ? 'checked' : null" 
      type="radio"  name="ExpectationOptions" 
        [id]="getOPtionbuttonId(callauditscale.CallAuditScaleCode)" 
       [value]="callauditscale.CallAuditScaleCode" >
 <label class="form-check-label" 
   [for]="getOPtionbuttonId(callauditscale.CallAuditScaleCode)">
        {{callauditscale.CallAuditScaleCode}}
 </label>
</div>    
</div>

我们如何在每个标签中检查第一个单选按钮。呈现的HTML确实具有第一个单选按钮选中属性。我确实已经完成了之前发布在这个论坛中的单选按钮相关问题并且已经改进了我的代码但它仍然无法正常工作

Answer 1

使用这种方式

[checked]="i === 0 ? true : false"

选中Angular 6设置第一个单选按钮不起作用

1 个答案: