Tenho este componente
<div> <div fxLayout="row" fxFlex="30" fxLayoutAlign="start start"> <mat-form-field> <mat-label>{{ 'evento.tipo.evento' | translate }}</mat-label> <mat-select id="tipoEvento" formControlName="tipoEvento" name="tipoEvento" required (change)="tipoEvento($event)"> <mat-option [value]="-0"></mat-option> <mat-option *ngFor="let tipoEvento of tipoEventos" [value]="tipoEvento.key"> {{tipoEvento.descricao}} </mat-option> </mat-select> </mat-form-field> </div> </div>
Que chama este evento (change)=“tipoEvento($event)” ao sair dele.
tipoEvento(event: Event): void { alert(11); this.carregarServicosEmpresa(); this.carregarServicosFazenda(); }
Mas não funciona.