更改图标以在angularjs中展开折叠

Question

我试图在展开折叠手风琴时点击图标（即加号，减号），我正在使用Font Awesome类图标。我知道使用jquery很容易，但如果在angularjs中有任何方法，请告诉我。

HTML看起来像：

<a class="accordion-toggle" data-toggle="collapse" href="#collapseOne{{test}}">
  Test
</a> 

Answer 1

你应该看ng-class。

简短的例子......

在你的模板中：

<span ng-click="flag = !flag" ng-class="{ active : flag }">
  click me!
</span>

在你的css中：

.active { color: red; }