Как отключить кнопку после (клик) в Angular

Question

Я новичок в Angular, и я хотел бы знать, как отключить кнопку после того, как я нажму ту же кнопку и выполнил соответствующее действие

Это HTML-код моей кнопки

<button type="button" class="btn btn-primary" (click)="actionMethod()">Give Kitchen access</button> <br> <br>

Answer 1

Вы можете связать свойство disabled с флагом (например, clicked) и установить флаг в обработчике события click:

<button type="button" [disabled]="clicked" (click)="actionMethod(); clicked = true;" class="btn btn-primary">Give Kitchen access</button>

Флаг должен быть объявлен в компонентекласс:

clicked = false;

См. этот стек для демонстрации.