UI-bootsrap崩潰不起作用

Question

我有angular應用程序與ui-bootsrap模塊。我正在嘗試使用ui.bootstrap.collapse元素。

我的控制器：

function LoggerController($scope){ 

    $scope.isCollapsed = false; 

    $scope.collapse = function(){ 
     $scope.isCollapsed = !$scope.isCollapsed; 
    } 
} 

而且模板：

<div id="footer" ng-controller="LoggerController"> 
     <button id="logger_button" ng-click="collapse()" class="btn"> 
      <i class="icon-file"></i></div> 
     </button> 

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

</div> 

但是當我點擊在logger_button，沒有任何動作，div不會崩潰？

如何正確地做到這一點？

UPD。找到解決辦法。問題出在<i class="icon-file"></i></div>。

謝謝。

Answer 1

這是因爲你的按鈕壞了，它內部有一個</div>，所以它根本沒有收到點擊事件。