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

Question

我正在尝试在展开折叠 Accordion 中单击时更改图标(即加号、减号)，我正在为图标使用 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; }