web-dev-qa-db-fra.com

Obtenir le statut vérifié sur l'événement de clic dans angular Material

J'ai un élément angular

<mat-checkbox class="btn-block" 
              labelPosition="before" 
              (change)="showOptions($event)" 
              (click)="makeJSON($event.checked,i,j,k)">
</mat-checkbox>

Ici onchange (qui donne en fait le statut de la caisse) effectue une autre tâche et je veux le statut de la case à cocher (cochée ou non) sur l'événement de clic.

J'ai déjà essayé de regarder par-dessus l'objet créé par clic et il ne contient pas d'objet de clic, alors comment puis-je détecter si la case à cocher est cochée ou non.

angularangular-material
18
Apoorv

Vous pouvez utiliser

(change)="showOptions($event)" 
(change)="makeJSON($event.checked,i,j,k)">

ou

(change)="showOptions($event);makeJSON($event.checked,i,j,k)">
35
Günter Zöchbauer

Une autre solution peut être: vous pouvez utiliser une variable de référence de modèle avec une case à cocher et la transmettre à un paramètre de méthode.

 <mat-checkbox #checkbox (change)='showOptions(checkbox.checked)' value=''>all</mat-checkbox>

Ici # case à cocher référence conserve toutes les propriétés associées à une case à cocher (comme valeur, cochée, etc.). checkbox.checked Cela donnera l'état actuel de la case à cocher avec true et false.

1
sharad jain