angularjs - 如何从 angularjs 切换 Bootstrap 崩溃

Question

我正在尝试以编程方式切换 bootstrap 崩溃

 <div class="panel-heading" role="tab" id="headingStores">
                                <h4 class="panel-title">
                                    <span class="collapsed" id="StoresPanel" role="button" data-toggle="collapse" data-parent="#filter-field-container" href="#filterStores" aria-expanded="false" aria-controls="filterStores">
                                        <i class="fa fa-chevron-circle-right"></i><i class="fa fa-chevron-circle-down"></i>  Stores
                                        <span ng-if="showStore" class="pull-right">{{countStore}}</span>
                                    </span>
                                </h4>
                            </div>

我的 Angular 代码是

    var domElement = document.getElementById('StoresPanel');

    angular.element(domElement).collapse('show');

但是 collapse('show') 没有调用切换功能。请帮忙!

Answer 1

有点晚了，但是，我正在使用 bootstrap 的折叠组件(不是 angular ui bootstrap)并想从我的 angular1 Controller 控制它，然后你可以这样做(需要加载 jQuery):

 const el = document.querySelector(target);
 if (!angular.element(el).hasClass('in')) { // hidden
     $(el).collapse('show');
 }