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