Solución:
El evento de clic en la casilla de verificación es solo el evento de clic nativo, que no sabe nada sobre la casilla de verificación en sí. Usar el evento de cambio o simplemente manejar la instancia de MatCheckbox directamente (por ejemplo, con @ViewChildren) sería el enfoque recomendado.
(c) https://github.com/angular/material2/issues/13156#issuecomment-427193381
<section *ngFor="let item of list">
<mat-checkbox [checked]="item.value" (change)="toggle($event)">{{item.key}}</mat-checkbox>
</section>
Usar [checked]
Y [value]
para vincular el valor y pasar el parámetro en (change)
evento. He creado un ejemplo, marque aquí https://stackblitz.com/edit/angular-anyw41?file=app/checkbox-configurable-example.html
puedes usar el elemento checked
propiedad.
<mat-checkbox #c (click)="toggle(!c.checked)">Check me!</mat-checkbox>
- note que es
!c.checked
, porque en el momento en que hace clic en él, aún no está marcado.
Demostración de Stackblitz
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)