javascript - 无论如何要将 ng-click 添加到 md-backdrop？

Question

我有一个 Angular 应用程序，它需要在打开或关闭 sidenav 时切换状态。这在打开 sidenav 并通过关闭按钮关闭它时工作正常。但是，如果用户通过单击 sidenav 外部来关闭 sidenav，我需要将 ng-click 附加到 md-backdrop。有没有其他人遇到过这个问题，或者有没有人知道如何实现这个问题？任何帮助将不胜感激。

Answer 1

Sidenav 允许您绑定(bind)一个“md-is-open”参数，该参数为真或假，具体取决于 sidenav 是打开还是关闭。如果您通过单击背景关闭 sidenav，Sidenav 将更新它。您可以绑定(bind)此变量并 $watch 它以了解 sidenav 状态，如下所示:

html:

<div layout="row" ng-controller="MyController">
    <md-sidenav md-component-id="left" md-is-open="isSidenavOpen" class="md-sidenav-left">
        Left Nav!
    </md-sidenav>
</div>

js:

app.controller('MyController', function($scope, $mdSidenav) {
    $scope.isSidenavOpen = false;

    $scope.$watch('isSidenavOpen', function(isSidenavOpen) {
       alert('sidenav is ' + (isSidenavOpen ? 'open' : 'closed'));
    });
});

jsfiddle 演示:http://jsfiddle.net/qo1gmrrr/