2013-11-27 42 views
1

我失去了我的腦海裏有這樣的代碼:面板可摺疊重新加載頁面,而不是隱藏面板| angularjs | bootstrap | NG-重複

<div class=" col-md-3 col-lg-2 hidden-xs hidden-sm"> 
    <div class="panel-group" id="mainMenuCollapsible"> 
     <div ng-repeat="item in menuItems"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h4 class="panel-title"> 
         <a data-toggle="collapse" data-parent="#mainMenuCollapsible" href="#collapse_{{ $index }}"> 
          {{ item }} 
         </a> 
        </h4> 
       </div> 
       <div id="collapse_{{ $index }}" class="panel-collapse collapse" > 
        <div class="panel-body"> 
         BLA BL 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

有沒有機會得到這個工作。當我點擊任何面板頁面的標題重新加載時,顯示所選面板但沒有視覺效果。我的代碼與引導程序example完全相同。

我有正確的地方(jQuery 2.0.3,bootstrap.min 3.0.2,角1.2)的所有jss。

我也嘗試刪除ng重複和使用單個面板沒有運氣。我錯過了什麼? 非常感謝

回答

2

解決了我的自我。攔截路線#collapse_X的角度。使用數據目標代替href:

data-target="#collapse_{{ $index }}" 

完美解決!

希望這可以幫助別人。

+0

非常感謝 –