angularjs - Angular : close ng-sidenav after a click on a element

Question

使用 angular & material，我在左侧有一个 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

我所做的是在 Controller 中创建一个函数来关闭 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-click，您也可以将以下代码添加到函数中。

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