Question

我有一个侧边菜单： -

<md-sidenav md-component-id="left" md-is-open="sidenavOpen" class="md-sidenav-left">

<li class="noFocus" ng-click="showModal1()">
   <a>MODAL 1</a>
</li>
<li class="noFocus" ng-click="showModal2()">
   <a>MODAL 2</a>
</li>
.... and so on.

</md-sidenav>

我的控制器： -

$scope.sidenavOpen = false;

$scope.showModal1 = function () {
    $scope.sidenavOpen = false;
     $('#modal1').modal('toggle');
}
$scope.showModal2 = function () {
    $scope.sidenavOpen = false;
     $('#modal2').modal('toggle');
}

每当打开一个模态时，我都会关闭sidenav。但是我的应用程序中有很多模态。因此，为每一个人做这件事是一项相当漫长的工作，任何人都可以告诉我为所有模态做到这一点的有效方式吗？

Answer 1

你只需要一个函数。你只需要将一个与模态编号对应的参数传递给函数，然后只需调用弹出窗口

<强> JS ：

$scope.sidenavOpen=false;
$scope.showModal = function (id) {
    $scope.sidenavOpen = false;
     $('#modal'+ id).modal('toggle');
}

<强> HTML ：

<li class="noFocus" ng-click="showModal(1)">
   <a>MODAL 1</a>
</li>

当用户打开特定模态时如何隐藏侧边菜单

1 个答案: