Question

我使用Bootstrap的collapse plugin，我也想相应地更改另一个元素的类（更改fa-icon的类）。我也使用AngularJS，我喜欢在ngClass中使用条件的想法，如下所示：

<i ng-class="collapsableItemId.hasClass('in') ? 'fa-chevron-up' : 'fa-chevron-down'">

当项目未折叠时，bootstrap会向其添加in类。我想尝试根据可折叠项目中的类存在来更改图标，但是没有成功。在bootstrap手册中还提到崩溃生成events我可能会使用，但我也不知道如何。

Answer 1

它应该像这样工作。使用ng-click切换元素上的collapse更改其他一些范围var，然后在图标的ng-class中使用该变量。

  <a href="" data-toggle="collapse" data-target=".collapse" ng-click="isOpen=!isOpen">
    <i class="fa" ng-class="(isOpen) ? 'fa-chevron-up' : 'fa-chevron-down'"></i>
  </a>  
  <div class="collapse in">
    I'm the collapsible element.
  </div>

http://www.bootply.com/nqLf22HCli

Answer 2

if (code != null) {

}

使用ng-单击折叠标题并放置要折叠的div add ng-show =“abc.isOpen”。

如何根据Bootstrap的崩溃设置ngClass？

2 个答案: