angular - bool 属性的单选按钮

Question

我的对象 document 中有一个简单的 bool 属性 valid 并需要将其绑定(bind)到 radio 输入。

这是我目前所拥有的:

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

至少在点击时设置属性是有效的，但它的状态不会被 radio 输入显示。查看我浏览器的开发人员控制台，我发现设置了属性 ng-reflect-checked 但它似乎对 HTML radio 输入没有影响。

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