Я использовал 3 кнопки: одну на неделю, одну на месяц и одну на день, если нажать на кнопку недели, день и месяц должны быть отключены

Question

Я использовал 3 кнопки, одну для недели, одну для месяца и одну для дня, если нажать на кнопку недели, день и месяц должны быть отключены

1D 1W 1M

при работе с одной кнопкой, две другие кнопки должны бытьв состоянии отключения

Answer 1

См. Код ниже

В app.component.html,

<button [disabled]="flagWeek" (click)="disableFun('week')">Week</button>
<button [disabled]="flagMonth" (click)="disableFun('month')">Month</button>
<button [disabled]="flagDay" (click)="disableFun('day')">Day</button>

В app.component.ts,

flagWeek: boolean;
flagMonth: boolean;
flagDay: boolean;

constructor(){
this.flagWeek = false;
this.flagMonth = false;
this.flagDay = false;
}

disableFun(button: string){
  if(button == "week"){
    this.flagMonth = true;
    this.flagDay = true;
  } else if (button == "month"){
    this.flagWeek = true;
    this.flagDay = true;
  } else {
    this.flagMonth = true;
    this.flagWeek = true;
  }
}

Answer 2

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

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

См. Аналогичную ветку для лучшего понимания: Кнопка отключения Angular2