Angular 2 如何将单选按钮的检查属性绑定到组件的布尔属性？

Question

How do I bind the checked property of radiobutton to boolean variable of Component class? What I desire, that radiobutton in template will be checked by default if the boolean flag is set.

I tried <input type="radio" [(ngModel)]="isSelected()"> but it throws template syntax error

platform-browser.umd.js:962EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Parser Error: Unexpected token '=' at column 13 in [isSelected()=$event] in ChoiceComponent@5:6 ("
                    (change)="select()"
      required
      [ERROR ->][(ngModel)]="isSelected()"> {{choice.text}}</label>
    </div>
    "): ChoiceComponent@5:6

Answer 1

Radio isn't well supported yet. See also Angular 2 forms; ngFormControl for radio and select

Until this is fixed you can try something like

<input type="radio" [ngModel]="{selected: model.sex == 'male'}" (ngModelChange)="model.sex='male'"  name="sex" value="male">Male<br>

See also How to bind to radio buttons in angular2 beta 6