如何將ui.bootstrap摺疊功能設置爲在頁面加載時摺疊？

Question

我正在使用ui.bootstrap，我試圖使用collapse函數。

在我的代碼中，發生的情況是默認狀態是展開的，當點擊load weather按鈕時，div已摺疊，數據加載完成後展開。

我需要對我的代碼做些什麼才能讓它在頁面加載時處於摺疊狀態，並且只有在按鈕被點擊後才展開/收縮？

這裏是我的代碼：

<div ng-controller="weatherCtrl"> 
    <div> 
     <button ng-model="hotel" class="btn btn-default" 
      ng-click="loadWeather(hotel); isCollapsed = !isCollapsed">load weather</button> 
     <hr> 
     <div collapse="isCollapsed"> 
      <div class="well well-lg">Some content</div> 
     </div> 
    </div> 
</div> 

.controller('weatherCtrl', function ($scope, weather) { 

    $scope.loadWeather = function (hotel) { 
     console.log('loadWeather') 
     console.log('hotel') 
     console.log(hotel) 

     weather.get({}, function (data) { 
      console.log('data') 
      console.log(data) 
      $scope.isCollapsed = false; 
     }) 
    } 
}) 

Answer 1

我得到了它的父元素使用ng-init工作：

<div ng-controller="weatherCtrl" ng-init="isCollapsed = !isCollapsed"> 
    <div> 
     <button ng-model="hotel" class="btn btn-default" 
      ng-click="loadWeather(hotel)">load weather</button> 

     <hr> 

     <div collapse="isCollapsed"> 
      <div class="well well-lg">Some content</div> 
     </div> 
    </div> 
</div>