Angular 2+ 表单中的布尔单选按钮

Question

我希望能够有一个包含两个项目的单选按钮组，以便进行是-否切换。

以下 sn-p 有效，但具有 "true"/"false" string 值作为 item.value

<input type="radio" [formControl]="item" name="{{item.id}}" value=true>
<input type="radio" [formControl]="item" name="{{item.id}}" value=false>

如何在 item.value 中获取 boolean 值？

我尝试了以下方法但没有成功：

<input type="radio" [formControl]="item" name="{{item.id}}" [ngValue]=true>
<input type="radio" [formControl]="item" name="{{item.id}}" [ngValue]=false>

它抛出

Can't bind to 'ngValue' since it isn't a known native property

我正在使用 Angular 2 RC4 和 Angular Forms 0.2.0。

Answer 1

我想这就是你想要的：

<input type="radio" [formControl]="item" name="{{item.id}}" [value]=true>
<input type="radio" [formControl]="item" name="{{item.id}}" [value]=false>