是否選中了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
}

演示