Question

我正在使用离子菜单抽屉（https://github.com/driftyco/ionic-ion-drawer）。它一般工作正常，但我想为某些控制器/状态禁用它。

这就是我使用抽屉的方式：

<ion-side-menus enable-menu-with-back-views="true">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-stable">
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>

    </ion-side-menu-content>

 <drawer side="left" ng-hide="disableDrawer">
    <ion-header-bar class="bar-energized">
      <h1 class="title" ng-bind="'Account: '+account"></h1>
    </ion-header-bar>

     <ion-content has-bouncing="false">
         <ion-list>
         </ion-list>
    </ion-content>
</drawer>

如您所见，我已将ng-hide="disableDrawer"属性添加到抽屉指令中。在我的控制器中，我将$rootScope.disableDrawer设置为true，它隐藏了抽屉菜单本身，但是当我从左侧拖动时仍然有背景叠加div。知道如何完全隐藏带背景层的抽屉？

Answer 1

将其放在ng-hide="disableDrawer"中的<ion-side-menus>以及

中

<ion-side-menus enable-menu-with-back-views="true" ng-hide="disableDrawer">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-stable">
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>

    </ion-side-menu-content>

离子菜单抽屉 - 如何禁用特定控制器/状态

1 个答案: