2017-02-06 15 views
13

Jestem nowy w Angular 2.Sposób sprawdzania przycisku wyboru zaznaczonego w Angular 2

Mam listę i iteruję ją i wyświetlam jako przyciski radiowe, jak pokazano poniżej. Teraz chcę ustawić właściwość check, jeśli warunek ma wartość TRUE. Jak to zrobić w Angular 2?

 <table *ngIf="optionList"> 
     <tr *ngFor="let op of optionList; let i = index"> 
      <td> 
       <input type="radio" name="optradio" *ngIf=" (CONDITION HERE) ? 'checked' : 'non' "> 
       <label>{{op.option_text}} </label> 
      <td> 
     </tr> 
     </table> 
+0

have u próbował 'op.checked' jako warunek? '* ngIf =" op.checked? "checked": "non" "' – Smit

+0

Użyj wiązania właściwości w atrybucie 'checked':' [checked] = "condition" ' –

+0

wypróbował [sprawdzone], ale zawsze sprawdzał ostatnią przycisk radiowy – wal

Odpowiedz

19

spróbować tej

<table *ngIf="optionList"> 
    <tr *ngFor="let op of optionList; let i = index"> 
     <td> 
      <input type="radio" name="optradio" [checked]=" (CONDITION HERE)"> 
      <label>{{op.option_text}} </label> 
     <td> 
    </tr> 
</table> 

demo online: https://embed.plnkr.co/jSht4Do3DzpoVQG2SAwl/

+2

Powinien to być boolean, a nie "[checked] =" (CONDITION HERE)? true: false "' –

+0

po prostu zwróć 'boolean' zmienną zamiast zwracanej wartości' true', 'false' zamiast' return boolVar' zamiast 'return boolVar? true: false' –

+0

To było złe przed edycją. To było "[checked] =" (CONDITION HERE)? True ":" false "", które nie jest boolean. Nowa edycja jest w porządku. –

Powiązane problemy