Javascript 角度|移除按钮上的活动类

我正在用Bootstrap做一个AngularJS项目

以下是JSFIDLE：

我希望能够切换按钮，使其立即从

.btn btn default

切换到

.btn btn info

。但是，通常按钮为“活动”，然后在第二次单击时更改状态

如何在一次单击中完成此操作？如果可能的话，是否有使用角度的解决方案？这是因为我希望稍后将按钮状态更改为不同的状态

只需使用：

。。。

下面是一个更新的JSFIDLE（还要注意

$index

变量的用法）：

只需使用：

。。。

---

这里有一个更新的JSFIDLE（还要注意

$index

变量的用法）：

您的问题是您有一个变量

$scope.istogled

，以保持所有按钮的状态。你应该把它分开

我已经纠正了你的小提琴：

---

您的问题是您有一个单变量

$scope.isToggled

来保持所有按钮的状态。你应该把它分开

我已经纠正了你的小提琴：

---

是否要在一次单击中更改按钮类两次？你知道它会在你的用户界面上产生一种几乎看不见的效果吗？嗨，马可。不。我的意思是，当单击时，切换“info”类，然后再次单击切换“default”类。如果我不清楚，很抱歉。您在JSFIDLE中的代码不是已经这样运行了吗？怎么样？他们利用了复选框行为，这是一个带有切换行为的实际html元素。您想在一次单击中更改按钮类两次吗？你知道它会在你的用户界面上产生一种几乎看不见的效果吗？嗨，马可。不。我的意思是，当单击时，切换“info”类，然后再次单击切换“default”类。如果我不清楚，很抱歉。您在JSFIDLE中的代码不是已经这样运行了吗？怎么样？他们利用了复选框行为，这是带有切换行为的实际html元素。谢谢，这是我第一个使用Angular的项目。我将注意

$index

变量！谢谢，这是我第一个使用Angular的项目。我将注意

$index

变量！

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