2015-12-20 61 views
0

我試圖生成NG-重複多少手風琴如下面的示例所示:引導angularjs手風琴不會自動崩潰

<div class="panel-group" id="accordion"> 
     <div ng-repeat="One_Item in Items_List track by One_Item.Item_ID"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h3 class="panel-title"> 
         <a data-toggle="collapse" data-parent="#accordion_{{One_Item.Item_ID}}" href="This_Page/#collapse_{{One_Item.Item_ID}}"> 
         {{One_Item.Item_ID}}</a> 
        </h3> 
       </div> 
       <div class="panel-collapse collapse in" id="collapse_{{One_Item.Item_ID}}"> 
        <div class="panel-body"> 
         <div class="form-group" style="margin:0px 0px 5px -15px"> 
          <label class="control-label col-sm-3">For Item-ID {{One_Item.Item_ID}} the related text is {{One_Item.Text}}</label> 
          <!--- Other stuff... --> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

所有工作正常(在所顯示的數據而言),除當手風琴進入擴大時,擴大的其他項目不會崩潰。

檢查了很多例子,但仍然無法弄清楚爲什麼。

任何幫助將不勝感激。

回答

1

我不知道你爲什麼要創建新的手風琴

有在https://angular-ui.github.io/bootstrap/組件

默認設置好一個uibAccordionConfig

closeOthers(默認:true) - 控制是否擴大一件物品會導致其他物品關閉。


希望它可以幫助你

+0

實際上,它並不能幫助。你所包含的鏈接指向我已經知道的頁面。讓「靜態」手風琴按我的意願行事不是問題。問題在於手風琴的內容是通過「ng-repeat」構建的。至於closeOthers,我根本沒有提及它,所以默認應該在那裏。 – FDavidov

+0

我想它不會工作,因爲'bootstrap.js'期望已經構建DOM。簡單的解決方案只需手動管理班級。 –

+0

「手動管理班級」:你能解釋一下你的意思嗎?一些例子/鏈接也許? – FDavidov