2016-02-16 22 views
6

Zazwyczaj checked wystarczy dodać na końcu wejścieJak poprawnie dodać "zaznaczone" do grupy przycisków radiowych w pętli?

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

Ale teraz używam * ngFor. Chcę wybrać pierwszy.

Próbuję to zrobić, ale to nie działa, ponieważ checked nie jest klasą.

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

Jak mogę to zrobić? Dzięki!

Odpowiedz

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

to jest dziwne, to pokazuje to w narzędzia dev: ' ', ale strona faktycznie wybiera ostatnią: –

+1

Powinien to być atrybut" [attr.checked] = "i === 0? true: null" 'boolean są usuwane tylko na 'null', a nie na 'false'. –

+0

@HongboMiao tak, to nie zadziała, ponieważ 'checked' jest obliczany według nazwy atrybutu, a nie według wartości atrybutu ... – Sasxa

Powiązane problemy