Chamando método filtrarEstado

Front-end JavaScript
#1

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?

#2

Acredito que não esteja funcionando por causa disso: (blur)="filtrarEstado(0)". Pelo fato de typescript ser tipado, 0 (zero) não é um argumento válido para a função filtrarEstado que espera um Pais. Tente passar null quando Nenhum for selecionado e faça a tratativa na função.