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

Question

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

如果我想使用双向绑定并在我的情况下将其设置为“expression.value”，我该怎么做：

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

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

Answer 1

这是一个已知的问题

• https://github.com/angular/angular/issues/3406 ,
• https://github.com/angular/angular/issues/6311

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