更改angularjs中展开-折叠的图标

Change icon for expand collapse in angularjs

本文关键字：折叠 图标 angularjs 更改      更新时间：2023-09-26

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

HTML看起来像：

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

您应该看到ng-class。

简短的例子。。。

在您的模板中：

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

在您的css中：

.active { color: red; }
相关文章：