2016-02-16 15 views
6

Genellikle checked sadece girişBir döngüdeki radyo düğmesi grubuna doğru "işaretli" nasıl eklenir?

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

sonuna eklenecek Ama şimdi * ngFor kullanıyorum. İlkini seçmek istiyorum.

Bunu yapmaya çalışıyorum, ancak çalışmaz, çünkü checked bir sınıf değildir.

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

Peki nasıl yapabilirim? Teşekkürler!

cevap

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

garip bir durum, bu dev aracında bunu gösterir: ' ', ancak sayfa aslında son bir –

+1

'u seçmelidir. [attr.checked] =" i === 0? true: null "' boole öznitelikleri olmalıdır. Sadece 'false' üzerinde 'null' kaldırılır. –

+0

@HongboMiao yea, bu özellik, "kontrol edilen" özellik ismine göre değil, özellik değerine göre değerlendirildiğinden işe yaramaz ... – Sasxa