Habilitar / desabilitar botão

Front-end
#1

tenho um botão para salvar, por exemplo

Ao clicar nele ele vai ao servidor. Neste momento quero que ele fique desabilitado, e só habilita quando vier a resposta do servidor.

#2

Faltou dizer que tecnologia ta usando.

1 curtida
#3

Vou chutar que é javascript:

let botao = document.getElementById('idBotao');
botao.disabled = true; //false para habilitar novamente
1 curtida
#4

Angular 10

back end spring

#5 
import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';
import { delay } from 'rxjs/operators';

@Component({
  selector: 'app-root',
  template: `
    <button [disabled]="isDisabled" (click)="send()">Enviar</button>
  `,
})
export class AppComponent {
  isDisabled = false;

  constructor(private http: HttpClient) {}

  send() {
    this.isDisabled = true;

    this.http
      .get('https://jsonplaceholder.typicode.com/posts')
      .pipe(delay(2000)) // Coloquei isso só para testar, ele atrasa o resultado.
      .subscribe(() => (this.isDisabled = false));
  }
}
2 curtidas