0

Tengo este codigo en mi html

         <mat-form-field>
      <mat-label>País</mat-label>
      <mat-select (change)="selectOpt($event)" required formControlName="country">
        <mat-option *ngFor="let country of countries" [value]="country.name" >
          {{country.name}}
        </mat-option>
      </mat-select>
    </mat-form-field> 

Como puedo tomar el valor del select cada vez que se seleccione algo diferente? Tengo el evento de (change) en mi mat-select pero no capta el evento

2
  • Puedes incluir un [(ngModel)]="event" y declarar la variable event en el modelo que recogerá el valor del mat-select
    – David_helo
    Commented el 11 ene. 2020 a las 23:20
  • Se me había olvidado colocar pero estoy usando FormControl ya le agrege el formControlName="country". No se si funcione de la misma forma
    – Alezco05
    Commented el 11 ene. 2020 a las 23:26

1 respuesta 1

0

Utiliza selectionChange según la documentación de Materiral Angular modificando tu código quedaria de la siguiente forma:

<mat-form-field>
  <mat-label>País</mat-label>
    <mat-select (selectionChange)="selectOpt($event)" required formControlName="country">
    <mat-option *ngFor="let country of countries" [value]="country.name" >
      {{country.name}}
    </mat-option>
  </mat-select>
</mat-form-field>

Y la otra forma es que utilices ngModelChange para detectar el cambio puedes encontrar un ejemplo en el siguiente enlace: https://stackoverflow.com/questions/44840735/change-vs-ngmodelchange-in-angular

Espero sea de ayuda. Saludos ;)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.