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] & (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