单击时更改按钮

Question

下面是我的带有 Bootstrap 和 Angular 的 HTML 代码：

   <button class="btn btn-secondary btn-sm" ng-click="buy(player)">{{history.indexOf(player)>=0?'REMOVE':'SELECT'}}</button>

当我单击按钮时，按钮的措辞从“选择”变为“删除”。但是，我想要更改按钮的颜色，以便它在“选择”时是默认颜色，但在“删除”时是红色的“btn-danger”类。

这可能吗？

Answer 1

当然！而且真的很简单。

 <button class="btn btn-secondary btn-sm" ng-class="{'btn-danger': history.indexOf(player) >= 0 }" ng-click="buy(player)">{{history.indexOf(player)>=0?'REMOVE':'SELECT'}}</button>

注意 ng-class 指令添加到按钮。