UI-bootstrap 崩溃不起作用

Question

我有带有ui-bootsrap 模块的angular 应用程序。我正在尝试使用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>，所以它根本没有收到点击事件。