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

プランカーの例