Desabilitação do botão em um componente

Olá Maria, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

Você pode utilizar o atributo disabled do HTML para desabilitar o componente conforme necessário.

Dentro do componente do botão, você pode criar uma variável booleana que controla o estado de desabilitação do botão. Por exemplo:

<button [disabled]="isDisabled">Clique aqui</button>

No código acima, utilizamos a sintaxe property binding demarcada pelos colchetes ([disabled]) para permitir que valores em componentes do Angular sejam vinculados a atributos em elementos HTML

Já no seu componente, você pode definir a variável "isDisabled" como true ou false a depender da regra de negócio da sua aplicação. Por exemplo, caso o objetivo seja desabilitar o botão quando um formulário estiver inválido, o código abaixo é um exemplo:

isDisabled = true;

validarFormulario() {
if (this.formulario.invalid) {
this.isDisabled = true;
} else {
this.isDisabled = false;
}
}

Assim, o botão será desabilitado quando o formulário estiver inválido e habilitado quando o formulário estiver válido.

Espero que esta resposta seja um bom ponto de partida para a resolução do seu problema. Continue mergulhando em conhecimento e não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Em caso de dúvidas estou à disposição.

Abraços e bons estudos!