首页 文章

离子菜单抽屉 - 如何禁用特定的 controller/state

提问于
浏览 次
0

我正在使用离子菜单抽屉(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。知道如何完全隐藏带背景层的抽屉？

css angularjs angularjs-directive ionic-framework

1 回答

  • 0

    把它放在<ion-side-menus>的<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>
    回复于

相关问题