So deaktivieren Sie die Schaltfläche nach (Klick) in Angular

Ich bin neu bei Angular und würde gerne wissen, wie ich eine Schaltfläche deaktivieren kann, nachdem ich auf dieselbe Schaltfläche geklickt und die entsprechende Aktion ausgeführt habe

Dies ist mein Button-HTML-Code

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

Lösung des Problems

disabledSie können die Eigenschaft an ein Flag (z. B. ) binden clickedund das Flag im clickEreignishandler setzen:

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

Das Flag sollte in der Komponentenklasse deklariert werden:

clicked = false;

Sehen Sie sich diesen Stackblitz für eine Demo an.