css - ionic 菜单抽屉 - 如何禁用特定 Controller /状态

Question

我正在使用 Ionic 菜单抽屉 (https://github.com/driftyco/ionic-ion-drawer)。它通常工作正常，但我想为某些 Controller /状态禁用它。

这是我使用抽屉的方式:

<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" 属性添加到抽屉指令。在我的 Controller 中，我将 $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>