変更ボタンの下

Question

をクリックしたときにブートストラップおよび角度と私のHTMLコードです：

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

私はボタン、「削除」に「選択」から、ボタンの変更の文言をクリックします。しかし、私がしたいのは、 'SELECT'ではデフォルトカラー、 'REMOVE'では赤色の "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-クラスディレクティブは、ボタンに追加しました。