角度| 刪除按鈕上的活動課程

Question

我正在使用Bootstrap制作AngularJS項目。

這是JSfiddle： https ://jsfiddle.net/mijacat/dmuuu79v/3/

我希望能夠切換按鈕，使其立即從.btn btn-default為.btn btn-info 。 但是，通常按鈕是“活動的”，然后在第二次單擊時更改狀態。

一鍵執行該如何操作？ 如果可能，是否有使用Angular的解決方案？ 這是因為我希望以后將按鈕狀態更改為其他狀態。

Answer 1

只需使用ng-class ：

<button class="btn" ng-class="{'btn-info': some_condition}">...</button>

這是更新的JSFiddle（還請注意$index變量的用法）： https ://jsfiddle.net/dmuuu79v/4/

Answer 2

您遇到的問題是，您有一個變量$scope.isToggled來保持所有按鈕的狀態。 您應該將其分開。

我已經糾正了你的小提琴： https : //jsfiddle.net/dmuuu79v/5/