Saltar al contenido

Cómo usar MatSlideToggleChange de mat-slide-toggle en material angular

Presta atención ya que en esta noticia hallarás la solución que buscas.Esta sección fue evaluado por nuestros especialistas para asegurar la calidad y exactitud de nuestro post.

Solución:

puede usar la propiedad de cambio de salida para alternar su valor de cambio


     Slide me! checked

componente

color = 'accent';
checked = false;

  changed()
    console.log(this.checked)
  

apilado de demostración

MatSlideToggleChange tiene dos campos:

source: MatSlideToggle
checked: boolean

En archivo .html



En archivo .ts

onChange($event: MatSlideToggleChange) 
    console.log($event);

Obtendrías un resultado como este en la consola:

MatSlideToggleChange source: MatSlideToggle, checked: false

Si estabas pensando en usar el (click) evento en lugar del (change) evento, recomendaría usar el (change) evento en su lugar para un mejor soporte móvil cuando el usuario arrastra el mat-slide-toggle. Básicamente, solo inspecciona el valor del evento $ que es un MatSlideToggleChange.

Eres capaz de estimular nuestro cometido ejecutando un comentario o dejando una puntuación te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

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