Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Propriedade disable

Olá! Eu queria saber qual a utilidade da propriedade [disabled]="!formulario.valid", sendo que a diretiva [ngClass]="habilitarBotao()" já faz a função desejada no botão cancelar.

1 resposta
solução!

Oi Luana, tudo bem?

A propriedade [disabled]="!formulario.valid" tem a utilidade de desabilitar o botão quando o formulário não estiver válido. Isso significa que, se algum campo obrigatório não estiver preenchido ou se alguma validação não estiver sendo cumprida, o botão ficará desabilitado.

Já a diretiva [ngClass]="habilitarBotao()" tem a função de aplicar uma classe CSS condicionalmente ao botão. No exemplo dado, a classe botao__desabilitado é aplicada quando o formulário não está válido, deixando o botão com uma aparência diferente.

Essas duas funcionalidades podem ser combinadas para melhorar a experiência do usuário ao interagir com o formulário. Enquanto a propriedade disabled impede que o botão seja clicado quando o formulário não está válido, a classe CSS aplicada através da diretiva ngClass pode dar um feedback visual para o usuário, indicando que o botão está desabilitado.

Espero ter ajudado.

Um abraço e bons estudos.