Saltar al contenido

Cómo obtener el valor de la casilla de verificación de material angular

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *