Em um formulário Angular 9 tenho um componente que em seu (blur) realiza alguns cálculos com valores existentes na tela. O mesmo também faz um subscribe para o back obtendo algumas informações necessárias para o cálculo. Tudo isso tem funcionado corretamente, exceto quando eu modifico o foco deste componente para o botão salvar do formulário (realizando a ação de (click) no mesmo). Quando isso ocorre o evento (blur) é excetuado corretamente, porém, o evento (click) não é chamado. Realizando alguns teste vi que comentando o subscribe do evento (blur) o problema não ocorre. Alguém já passou por isso? Sabe porque ocorre?
<div class="row">
<div class="cl-ds-3 cl-tb-2 cl-mb-2">
<label class="label">Taxa</label>
<div class="input-group">
<input
[(Model)]="Classe.Taxa"
(Blur)="CalcularValores()"
required
></input>
</div>
</div>
public CalcularValores() {
if (this.Classe.Taxa != undefined) {
this.ClasseService.CalcularValorEfetivo(this.Classe).subscribe((resultado) => {
this.Classe.Resultado = resultado.ValorEfetivo;
});
}
}
public Salvar() {
//evento é ignorado quando é executado o (blur) citado acima
if (this.IsFormValid(this.Classe)) {
this.PersistentMethod.subscribe((retorno) => {
this.Classe = retorno;
});
}
}