UI-bootstrap折叠不起作用

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>，所以它根本没有收到点击事件。