Angular JS「Collapse」|默認情況下已關閉視圖

Question

我正在製作手風琴並遇到bootstrap的「摺疊」。

collapse="isCollapsed" 

當我加載頁面，將「共享連接」面板是默認打開的，我想在默認情況下關閉所有面板「共享連接」 &「其它連接」，直到用戶與之交互。

通過我的研究到目前爲止，我還沒有看到這樣做。

這裏是我的代碼：

<div class="col-xs-12"> 
         <div class="connections-wrap" ng-click="isCollapsed = !isCollapsed"> 
         <span class="connection-amount">3</span> 
         <span class="connection-type">Shared connections</span> 
         <i class="vf-i"></i> 
         </div> 
         <ul class="connections-list" collapse="isCollapsed"> 
         <li> 
          <span class="connection-device">Eddie Benson Tablet</span> 
          <span class="connection-number">021 019 17338</span> 
         </li> 
         <li> 
          <span class="connection-device">Eddie Work Phone</span> 
          <span class="connection-number">021 019 17343</span> 
         </li> 
         <li> 
          <span class="connection-device">Eddie Work Android</span> 
          <span class="connection-number">021 019 17339</span> 
         </li> 
         </ul> 
         <div class="connections-wrap"> 
         <span class="connection-amount">2</span> 
         <span class="connection-type">Other connections</span> 
         <i class="vf-i"></i> 
         </div> 
        </div> 

Answer 1

這裏是解決方案 - 要求NG-的init =「真」崩未初始化的負載。

ng-init="isCollapsed = true"