javascript - 更改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; }