布尔属性的单选按钮

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

我做错了什么？ 有没有人有一个工作＆＃34; angular2-boolean-radio-input＆＃34;段？

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