Как установить радиокнопку в Angular 2

Я новичок в Angular 2.Как установить радиокнопку в Angular 2

У меня есть список, итерация и отображение в виде переключателей, как показано ниже. Теперь я хочу установить свойство check, если условие TRUE. Как это сделать в 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>

источник

2017-02-06 wal

есть у пробовали 'op.checked' в качестве условия? '* ngIf =" op.checked? 'checked': 'non' "' – Smit

Использовать привязку свойства к атрибуту 'checked':' [checked] = "condition" ' –

попробовал [checked], но он всегда проверял последний radio button – wal

попробовать этот

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

онлайн демо: https://embed.plnkr.co/jSht4Do3DzpoVQG2SAwl/

источник

2017-02-06 02:30:28

Он должен быть логическим, а не '[checked] =" (CONDITION HERE)? true: false "' –

просто возвращает 'boolean' вместо вместо возвращаемого значения' true', 'false' как' return boolVar' вместо 'return boolVar? true: false' –

Это было неправильно, прежде чем редактировать его. Это было '[checked] =" (CONDITION HERE)? 'True': 'false' "', который не является логическим. Новое редактирование в порядке. –

Как установить радиокнопку в Angular 2

ответ

Смежные вопросы