ループ内のラジオボタングループに "checked"を正しく追加するにはどうすればいいですか？

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">