Angularjs：ボタンにアクティブなクラスを追加する方法

Question

AngularJSのボタンにactiveクラスを追加できますか？例えば

：デフォルトでは

<button class="first">first</button> 
<button class="second">second</button> 
<button class="third active">third</button> 
<button class="fourth">fourth</button> 

私はthird上でアクティブなクラスを設定し、クラスを削除し、選択されたボタンに追加します。

Answer 1

それだけ `third`ボタンにアクティブなクラスを追加し、私が選択したときにそれを削除しません。この

<button class="first" ng-class="{'active':selcted == 'first'}">first</button> 
<button class="second" ng-class="{'active':selcted == 'second'}">second</button> 
<button class="third" ng-class="{'active':selcted == 'third'}">third</button> 
<button class="fourth" ng-class="{'active':selcted == 'fourth'}">fourth</button> 

JS

$scope.selcted = 'third';