각도 : 요소를 클릭 한 후 닫기 ng-sidenav

Question

각도 & 재료를 사용하여 왼쪽에 sidenav가 사용자의 기능 (로그인, 가입 ...)을 제공하는 데 사용되었습니다.

잘 작동하지만 사용자가 메뉴를 클릭하면 자동으로 닫히는 바입니다. 현재 바는 열린 상태로 있습니다.

사이드 바 코드 :

<md-sidenav md-component-id="user_sidenav" class="md-sidenav-left" flex> 
    <md-menu-content flex> 
     <md-menu-item> 
      <md-button ui-sref="app.user-state()"> 
       <span> 
        User 
       </span> 
      </md-button> 
     </md-menu-item> 
     <md-menu-item> 
      <md-button ui-sref="vlg.user-other-state()"> 
       <span> 
        Other 
       </span> 
      </md-button> 
     </md-menu-item> 
... 

어떤 생각?

Answer 1

내가 한 것은 sidenav를 닫은 다음 함수를 호출하는 요소를 클릭하기위한 컨트롤러의 함수를 만드는 것입니다.

app.controller('AppController', ['$scope', '$mdSidenav', 
    function ($scope, $mdSidenav) { 

     $scope.close = function() { 
      $mdSidenav('left').close(); 

     }; 

}]); 

다음 요소가 이미있는 경우도 단지 함수에 아래 코드를 추가 할 수 있습니다 HTML

<div ng-controller="AppController"> 
    <!-- Add in code for sidenav--> 
    <md-button ng-href="#/path" ng-click="close()"></md-button> 
</div> 

부착을 NG를 클릭합니다.

.then(function() { 
     $mdSidenav('left').close(); 
});