Olá, Jorge!
Bem observado, meus parabéns, pela percepção e por compartilhar ela conosco, muito bem!
Nesse caso, para contornarmos essa situação, podemos adicionar o trim()
a seguinte validação, dentro da criarPensamento()
:
this.formulario.controls['autoria'].setValue(this.formulario.controls['autoria'].value.trim());
Desta forma, quando apertamos o botão de "salvar", o erro volta a aparecer e impede a execução.
O criarPensamento
fica assim:
criarPensamento() {
// Limpar espaços em branco antes de validar o formulário
this.formulario.controls['autoria'].setValue(this.formulario.controls['autoria'].value.trim());
if(this.formulario.valid){
this.service.criar(this.formulario.value).subscribe(() => {
this.router.navigate(['/listarPensamento'])
})
}
}
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!