我已经使用了3个按钮,如果单击“星期”按钮,则一个月用于一个星期,一个星期用于一天,应该禁用日期和月份

时间:2019-01-29 04:43:01

标签: html angular

我使用了3个按钮,如果单击“星期”按钮,则一个月用于一个月,另一个则用于日,如果要禁用星期和天,则应禁用

            一维                  1瓦                 1M        

在操作一个按钮时,其他两个按钮应处于禁用状态

2 个答案:

答案 0 :(得分:0)

您可以使用属性绑定并将布尔标志映射到要禁用的按钮的Disabled属性。

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

请参阅类似的主题以更好地理解:Angular2 disable button

答案 1 :(得分:0)

在下面引用代码

在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;
  }
}