是否选中了angular2材料复选框

Question

我使用角度2和材料。我想在单击复选框时选中是否选中材料复选框。我已经通过将click事件传递给组件函数来完成。但是在使用材料复选框时它不起作用。它仅在使用html复选框时有效。

<md-checkbox class="example-radio-button" [value]="hobby 1" (click)="hobbyClicked($event)">
    hobby 1
</md-checkbox>


hobbyClicked(evt){
    console.log(evt.target.checked);   // undefined
}

Answer 1

使用[ngModel]＆amp; (change)指令，基于复选框是否已选中，您可以从DOM中检索值。

<md-checkbox class="example-radio-button" 
  [ngModel]="hobby" value="hoby 1"
  (change)="hobbyClicked($event)">
    hobby 1
</md-checkbox>

<强>代码

hobbyClicked(evt){
  console.log(evt.checked ? evt.source.value: '');   // undefined
}

Demo