2016-07-20 14 views
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が残っています。どのようにして背景レイヤーを使って引き出しを完全に隠すことができますか?

+0

任意のフィドルやcodepenあれば、それは明確にし、あなたを助けるでしょう。 – Harish

答えて

0
<ion-side-menus>ng-hide="disableDrawer"でこれを入れて

だけでなく

<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

これはメニューとコンテンツを非表示にするため、画面が空白になります()。 – dease

+0

あなたが ''を通して使っていることを理解しています –

関連する問題