Angular2有没有办法使用复选框的双向绑定?

时间:2016-04-11 09:11:40

标签: checkbox angular angular2-ngmodel

我想对复选框使用双向绑定,但如果我使用[(ngModel)],则显示true或false而不是checked项的值。有人知道这是怎么做的吗?

如果我想使用双向绑定并将其设置为" expression.value"就我而言,我该怎么做:

<input type="checkbox" type="checkbox"/>&nbsp;Option 1</a></li>

我想在这种情况下绑定复选框的值:选项1到表达式类中。

1 个答案:

答案 0 :(得分:3)

这是一个已知问题

有一些不同的解决方法,比如使用event.target.checked而不是模型中的值。

您可以使用

<input type="checkbox"  
    (change)="expression && expression.Option1=$event.target.checked ? true : undefiend"
    [ngModel]="expression?.Option1">
<input type="checkbox"  
    (change)="expression && expression.Option2=$event.target.checked ? true : undefiend"
    [ngModel]="expression?.Option2">

Plunker example