Как отключить определенную кнопку в Angular 7

Question

Я собираюсь отключить определенную кнопку из группы кнопок, как показано ниже:

<button name="paybtn-1" id="paybtn-1" (click)="myfunc(1)">Pay</button>
<button name="paybtn-2" id="paybtn-2" (click)="myfunc(2)">Pay</button>
<button name="paybtn-3" id="paybtn-3" (click)="myfunc(3)">Pay</button>

Скажем, я хочу отключить paybtn-1 при нажатии.

Вts файл, я передаю id кнопки, однако, я застрял, как можно отключить конкретную кнопку:

myfunc(id){
//
}

Answer 1

Чтобы сохранить ваш стиль:

Добавить отключенное свойство к кнопке

<button name="paybtn-1" id="paybtn-1" [disabled]='disabled["1"]' (click)="myfunc(1)">Pay</button>

Добавить метод для применения отключенного к этой кнопке

let disabled = {1:false,2:false,3:false}
myfunc(id){
disabled[id] = true
}

Answer 2

Чтобы отключить кнопку, вы можете использовать [disabled], например:

<button [disabled]="booleanCondition" name="paybtn-1" id="paybtn-1" (click)="myfunc(1)">Pay</button>

И вам нужно определить booleanCondition переменную в вашем .ts файле

Answer 3

Если вам нужно сделать это надлежащим образом, определите массив в вашем TS для каждой кнопки и привяжите свойство disalbed к кнопке.Измените его на false при нажатии на кнопку.