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

Question

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

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

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

我想在这种情况下绑定复选框的值：选项 1 到表达式 class.

Answer 1

这是一个已知问题

有不同的解决方法，例如使用 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

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

Angular2 is there a way to use a two way binding with a checkbox?

checkbox

angular2-ngmodel

angular