angular2 material checkbox checked oder nicht

Question

Ich benutze angular 2 mit material. Ich möchte das Kontrollkästchen Material aktivieren, wenn das Kontrollkästchen aktiviert ist. Ich habe getan, indem ich Click-Ereignis an die Komponentenfunktion übergeben habe. Es funktioniert jedoch nicht, wenn das Kontrollkästchen Material verwendet wird. Es funktioniert nur bei Verwendung von HTML-Kontrollkästchen.

<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

Verwenden [ngModel] & (change) Richtlinie, basierend auf Kontrollkästchen aktiviert ist oder nicht, könnten Sie einen Wert von DOM abrufen.

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

-Code

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

Demo