javascript - 单击时更改按钮

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 指令。