角度|删除按钮上的活动类

Question

我正在使用Bootstrap创建一个AngularJS项目。

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

我希望能够切换按钮，让它立即从.btn btn-default来回更改为.btn btn-info。但是，通常按钮处于“活动”状态，然后在第二次单击时更改状态。

如何通过一次点击完成此操作？如果可能，是否有使用Angular的解决方案？这是因为我希望稍后将按钮状态更改为不同的状态。

Answer 1

只需使用ng-class：

Order ID| Item  | BidCost |
2       |Bag    | $100    |
1       |Shoes  | NULL    |
3       |Shirt  | NULL    |
2       |Bag    | NULL    |

这是一个更新的JSFiddle（还要注意<button class="btn" ng-class="{'btn-info': some_condition}">...</button> 变量的用法）：https://jsfiddle.net/dmuuu79v/4/

Answer 2

你遇到的问题是你有一个变量$scope.isToggled来保持所有按钮的状态。你应该将它分开。

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