角度| 删除按钮上的活动课程

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/