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

时间:2016-07-05 12:36:04

标签: forms angular

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

以下代码段有效,但有一个“true”/“false”字符串值为item.value

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

如何在item.value中获得布尔值?

我尝试了以下但没有成功:

<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。

1 个答案:

答案 0 :(得分:20)

我认为这就是你想要的:

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