如何正确添加＆＃34;已检查＆＃34;到一个循环中的单选按钮组？

Question

通常checked只需在输入结尾处添加

<input type="radio" name="item" value="value1" checked>
<input type="radio" name="item" value="value2">

但现在我正在使用* ngFor。我想选择第一个。

我尝试这样做，但它不起作用，因为checked不是一个类。

<div *ngFor="#item of collection; #i = index"">
    <input type="radio" name="item" value="{{item}}" [ngClass]="{'checked':i === 0}">
    <label>{{item}}</label>
</div>

那我怎么办呢？谢谢！

Answer 1

<input type="radio" name="item" value="{{item}}" [attr.checked]="i === 0 ? '' : null">