Как отключить и включить кнопку в угловой при http вызове?

Question

Я разрабатываю угловое приложение для angular 6, у меня есть несколько форм, в которых также есть кнопка «Отправить». Когда пользователь отправляет запрос, мне нужно отключить кнопку и включить ее после получения ответа, у меня есть несколько форм на одной странице, поэтомуКнопка «отключить / включить» должна работать независимо.

Итак, я хочу создать отображение между кнопкой и ответом http, чтобы отследить ее, и в ответе должно быть указано, какую кнопку мне нужно включить.

Любая логика - как создать директиву для этого?Код ниже работает только для одной формы.

Заранее спасибо ...

в моем шаблоне:

<button [disabled]="disabled"> Submit<button>

В моем .ts

this.disabled = true;

this.http.get(...).subscribe((r) => { this.disabled = false });

Answer 1

Используйте *ngIf и передайте флаг true или false.Это позволит легко включить / отключить вашу кнопку.Передайте значение true/false флаг из вашего .ts файла.

<button *ngIf="flag"> Submit<button>