角度：要素をクリックした後にng-sidenavを閉じます

Question

角度&の素材を使用して、左側にユーザ​​ーの機能（ログイン、サインアップなど）を提供するためのサイドバーがあります。

正常に機能しますが、ユーザーがメニューをクリックすると自動的にバーが閉じられるようにします。現在、バーは開いたままです。

サイドバーコード：

<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(); 
});