单击时更改按钮

Question

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

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

当我点击按钮时，按钮的字样会从＆＃39; SELECT＆＃39;去除＆＃39;。但是，我想要的是要更改的按钮的颜色，以便在打开＆＃39; SELECT＆＃39;时，它是默认颜色。但红色＆＃34; btn-danger＆＃34;上课的时间＆＃39;删除＆＃39;。

这可能吗？

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 指令添加到按钮。