UI 부츠랩 붕괴가 작동하지 않습니다.

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>이 있으므로 클릭 이벤트가 전혀 발생하지 않기 때문입니다.