如何使用相同的按钮更改Angular js函数内按钮的颜色？

Question

我正在使用按钮中的ng-click功能来过滤列表。单击一次并显示已过滤的列表时，我需要更改按钮的颜色。我需要在ng-click调用的同一个函数中执行此操作。如果不使用单独的css文件，我怎么能这样做。

Answer 1

来自你问题的@ user3724599我的理解你想要改变ng-click上按钮的颜色。

这里我附上了JsFiddle链接。这里我显示2个按钮。

1. 点击按钮颜色会再次更改，但不会重置为默认颜色

2. 每次点击它都会变为默认和备用颜色。

https://jsfiddle.net/otLgasLe/

请检查一下。请让我知道它回答你的问题。

<div ng-app="myApp" ng-controller="myCtrl">
<div ng-view="">
 <button type="button" class="btn" ng-class="color ? 'btn-success' : ''"  ng-click="btnClick()" >Success</button>
  <button type="button" class="btn" ng-class="color2 ? 'btn-warning' : 'btn-success'" ng-click="btnclick2()">Alternate</button>
</div>
</div>