2016-08-01 60 views
2

我试图切换程序引导崩溃这是自举崩溃如何切换从angularjs

<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> 

我的角码是

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

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

但倒塌(“秀”)未调用切换功能。请帮助!

+0

你为什么使用'triggerHandler('click')'而不是'ng-click'? – CozyAzure

+2

你已经标记了'angular-ui-bootstrap',你看过它吗? http://angular-ui.github.io/bootstrap/#/collapse – Icycool

+0

是的,我有。但是,再次使用ng-click,我只想从angularjs代码切换(显示和隐藏)。 – khurram

回答

2

有点晚了,但我用的自举的崩溃组件(没有棱角UI引导),想从我angular1控制器控制它,那么你可以这样做(jQuery的需要被加载):

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