如何在单击另一个按钮时单击一个按钮 angular 2？答案

【问题标题】：How to !click one button when another is clicked angular 2?如何在单击另一个按钮时单击一个按钮 angular 2？
【发布时间】：2017-05-02 15:43:01
【问题描述】：

我正在尝试！在单击另一个按钮时单击按钮，但无法使其工作......

这是我的代码 HTML：

 <ion-row class="rowconfig">
<ion-col class="colconfig">
  <button ion-button clear small block [color]="!buttonClicked1 ? 'gray' : 'white'" (click)="isButtonToggle(1)">100 Enviadas</button>
</ion-col>
<ion-col>
  <button ion-button clear small block [color]="!buttonClicked2 ? 'gray' : 'white'" (click)="isButtonToggle(2)">50 Recebidas</button>
</ion-col>

还有 TS：

 isButtonToggle(x):void{
    switch(x){
      case 1:
        this.buttonClicked1 = !this.buttonClicked1;
        break;
      case 2:
        this.buttonClicked2 = !this.buttonClicked2;
        break;
    }
  }

感谢您的帮助！

【问题讨论】：

只需绑定到按钮上的disabled 属性即可。
修复了帖子...我不是说禁用，我是说！点击

标签： angular angular-directive angular-template

【解决方案1】：

尝试使用[attr.disabled]：

<button ion-button clear small block [color]="!buttonClicked1 ? 'gray' : 'white'" (click)="isButtonToggle(1)" [attr.disabled]="!buttonClicked1  ? true : null">100 Enviadas</button>

【讨论】：

但是我需要另一个按钮是可点击的......这应该像一个选择一样工作，如果一个被点击，另一个是 !clicked，反之亦然。通过使用禁用，我无法单击它...我刚刚意识到我在帖子中写了“禁用”...抱歉，现在修复它。

【解决方案2】：

我设法解决了我自己的问题哈哈

这就是我所做的：

在我的页面 TS 类中，我将“isButtonToggled”函数更改为：

isButtonToggle(x):void{
switch(x){
  case 1:
    this.buttonClicked1 = !this.buttonClicked1  
    if(this.buttonClicked2 = true){
        this.buttonClicked2 = !this.buttonClicked2;
    }
    break;
  case 2:
    this.buttonClicked2 = !this.buttonClicked2;
    if (this.buttonClicked1 = true){
        this.buttonClicked1 = !this.buttonClicked1;
    }
    break;
}

}

【讨论】：