2016-07-20 4 views
0

Ich verwende Ionic Menu Drawer (https://github.com/driftyco/ionic-ion-drawer). Es funktioniert im Allgemeinen gut, aber ich möchte es für einige Controller/Zustände deaktivieren. DieseIonic Menu Drawer - So deaktivieren Sie den spezifischen Controller/Status

ist, wie ich eine Schublade verwenden:

<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> 

Wie Sie sehen können, habe ich ng-hide="disableDrawer" Attribut der Schublade Richtlinie hinzugefügt. In meinem Controller setze ich $rootScope.disableDrawer auf true und es verbirgt das Schubladenmenü selbst, aber es gibt immer noch ein Hintergrund-Overlay div, wenn ich von der linken Seite ziehe. Irgendeine Idee wie kann ich die Schublade komplett mit Hintergrundebene verstecken?

+0

Wenn eine Geige oder codepen, würde es klar sein, und Ihnen helfen. – Harish

Antwort

0

Diese in ng-hide="disableDrawer" in <ion-side-menus> auch

<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> 
+0

Damit werden Menüs und Inhalte ausgeblendet, was dazu führt, dass der Bildschirm leer ist (weil ich meinen Inhalt unter befülle). – dease

+0

ok zu verstehen, wie Sie durch '' verwenden –