एक लूप में रेडियो बटन समूह में सही ढंग से "चेक" कैसे जोड़ें?

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