布尔值的单选按钮 属性

Question

我的对象 document 中有一个简单的布尔值 属性 valid 并需要将其绑定到无线电输入。

这是我目前拥有的：

<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 无线电输入没有影响。

我做错了什么？
有人有有效的“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">

另见 design doc for the new forms module