布尔属性的单选按钮

Question

我有一个简单的布尔属性valid在我的对象document ,需要将其绑定到无线输入.

这是我到目前为止:

<input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/>
<input type="radio" name="valid" id="validFalse" (click)="document.valid = false" [checked]="!document.valid"/>

至少在点击时设置属性,但无线电输入不显示其状态.在我的浏览器的开发者控制台中查看我发现ng-reflect-checked已设置属性但它似乎不会对html radio-input产生影响.

我究竟做错了什么？
有没有人有一个工作"angular2-boolean-radio-input"片段？

Answer 1

在新的表单模块中,这可能会做你想要的

  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="true">
  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="false">

另请参阅 新表单模块的设计doc