2016-02-16 17 views
6

solito checked basta aggiungere alla fine dell'inputCome aggiungere correttamente "selezionato" a un gruppo di pulsanti di opzione in un ciclo?

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

Ma ora sto usando * ngFor. Voglio selezionare il primo.

Provo a farlo, ma non funziona, perché checked non è una classe.

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

Quindi, come posso farlo? Grazie!

risposta

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

è strano, si vede questo strumento dev: ', ma la pagina seleziona effettivamente l'ultima –

+1

Dovrebbe essere' [attr.checked] = "i === 0? true: null" 'attributi booleani vengono rimossi solo su 'null' non su' false'. –

+0

@HongboMiao sì, questo non funzionerà poiché 'checked' è valutato dal nome dell'attributo, non dal valore dell'attributo ... – Sasxa

Problemi correlati