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

【问题标题】：Angular 6 setting first radio button checked does not workAngular 6设置第一个选中的单选按钮不起作用
【发布时间】：2018-06-15 14:30:13
【问题描述】：

我正在尝试将组中的第一个单选按钮设置为选中。

我有 6 个选项卡和一组刻度集合，需要显示为单选组按钮，默认情况下应选中第一个按钮。我在我的详细信息组件中使用以下代码 sn-p。只有最后一个选项卡的第一个单选按钮会被选中，而初始选项卡中的单选按钮不会被选中。请注意，最后一个选项卡是要加载的最后一个细节组件。

<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 确实具有每个第一个单选按钮的选中属性。我确实已经解决了之前在此论坛上发布的单选按钮相关问题，并改进了我的代码，但它仍然无法正常工作

【问题讨论】：

你能把你的示例代码加到stackblitz.com，这样方便帮助你
您好，请在stackblitz.com/edit/angular-9n3fyp?.The 中找到代码应用程序需要引导程序及其依赖项。我已经安装了它们并链接了 angular.json 文件。希望这会让您了解我想要实现的目标。
密码坏了兄弟

标签： angular radio-button

【解决方案1】：

这样使用

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

【讨论】：

虽然只有代码的答案可能会为问题提供解决方案，但请考虑解释您的代码。其他人可能很难理解或理解代码的作用或您选择它作为解决方案的原因。