Html 如何使列表中的按钮在Ionic 2中处于活动状态

*ngFor中的详细信息来自服务器，它包含一个列表。 我正在从中选择一个项目。我想让这个按钮在 用户单击它，它应该保持活动状态，直到用户选择另一个 从列表中选择。我正在使用[ngClass]，但它正在激活一个按钮1到2秒

---

为每个按钮创建一个唯一的id，并根据所选id将该唯一id分配给另一个变量和css类

<button (click)="active(1)" [ngClass]="{'activeclass': activebutton === 1 }" type="button">button1</button>
<button (click)="active(2)" [ngClass]="{'activeclass': activebutton === 2 }" type="button">button2</button>

---

为每个按钮创建一个唯一的id，并根据所选id将该唯一id分配给另一个变量和css类

<button (click)="active(1)" [ngClass]="{'activeclass': activebutton === 1 }" type="button">button1</button>
<button (click)="active(2)" [ngClass]="{'activeclass': activebutton === 2 }" type="button">button2</button>

---

is按钮将被初始禁用按钮不应被禁用。我希望：当用户从列表中选择一个项目时，该按钮应处于活动状态，直到或除非用户取消选择该项目或从列表中选择另一个项目@ArunKumareshis按钮将被初始禁用按钮不应被禁用。我希望：当用户从列表中选择一个项目时，该按钮应处于活动状态，直到或除非用户取消选择该项目或从列表中选择另一个项目@ArunKumareshi am使用单个按钮而不是多个按钮。一个按钮如果我们选择一个项目，它将被激活。您能清楚地解释您需要什么吗。你说的是单个按钮，那么为什么当你循环通过按钮时，它会创建多个按钮是的，你的答案在某些情况下是正确的，但在我的情况下不是这样[ngClass]={'deactivated'：selection！=configop.name，'activated'：selection==null}这行解决了我的问题我的答案是有用的，如果它标记我的答案是正确的，我使用的是单个按钮而不是多个按钮。一个按钮如果我们选择一个项目，它将被激活。你能解释清楚你需要什么吗。你说的是单个按钮，那么为什么当你循环通过按钮时，它会创建多个按钮是的，在某些情况下你的答案是正确的，但在我的情况下不是这样的[ngClass]={'deactivated'：selection！=configop.name，'activated'：selection==null}这行解决了我的问题如果它将我的答案标记为正确，我的答案是有用的

 public activebutton: number;
    active(buttonvalue: number) {
        if (this.activebutton === buttonvalue) {
          this.activebutton= 0;
        }
        else {
          this.activebutton= buttonvalue;
        }
      }