Twitter bootstrap UI引导映射折叠不起作用

我有一个带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_按钮时，并没有任何动作，div并没有崩溃

如何正确地做

UPD。找到了解决办法。问题就在这里

---

谢谢。

这是因为你的按钮坏了，里面有一个按钮，所以根本没有收到点击事件。

这个问题似乎离题了，因为它是关于打字错误的