Angular 2如何将radiobutton的check属性绑定到组件的布尔属性?

时间:2016-06-01 07:22:27

标签: javascript html css typescript angular

如何将radiobutton的checked属性绑定到Component类的布尔变量?我想要的是,如果设置了布尔标志,默认情况下将检查模板中的单选按钮。

我尝试<input type="radio" [(ngModel)]="isSelected()">但是它会抛出模板语法错误

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

1 个答案:

答案 0 :(得分:1)

广播还没有得到很好的支持。另请参阅Angular 2 forms; ngFormControl for radio and select

在修复此问题之前,您可以尝试类似

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

另见How to bind to radio buttons in angular2 beta 6