0

Tenho este método, ao escolher um país, busca os estados.

  filtrarEstado(pais : Pais) : void{
    this.loading = true;
    this.estadoService.getEstadosPorPais(pais).subscribe( 
      (data :any) => {
        this.estados = data.lista;
        this.loading = false;
      }
    );
  }

Componente no HTML

<mat-form-field class="formulario-full-width">
            <mat-select placeholder="País" name="pais" 
              [(ngModel)]="municipioBuscar.paisId" 
              matTooltip="Deve selecionar um país">
              <mat-option (blur)="filtrarEstado(0)">Nenhum</mat-option>
              <mat-option *ngFor="let pais of paises" [value]="pais" 
                (blur)="filtrarEstado(pais)">{{pais.descricao}}
              </mat-option>
            </mat-select>
          </mat-form-field>

Mas quando escolho nenhum, não executa o método filtrarEstado, assim o componente estado fica preenchido com os estados do último país escolhido.

O que tem de errado?

1 Resposta 1

1

Tenta com o evento change no select

<mat-form-field class="formulario-full-width">
    <mat-select placeholder="País" name="pais" 
         [(ngModel)]="municipioBuscar.paisId" 
         matTooltip="Deve selecionar um país"
         (change)="filtrarEstado($event)">
            <mat-option>Nenhum</mat-option>
            <mat-option *ngFor="let pais of paises" [value]="pais" 
            >{{pais.descricao}}
             </mat-option>
      </mat-select
</mat-form-field>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .