我使用了3个按钮,如果单击“星期”按钮,则一个月用于一个月,另一个则用于日,如果要禁用星期和天,则应禁用
一维 1瓦 1M在操作一个按钮时,其他两个按钮应处于禁用状态
答案 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;
}
}