I use this code in app.html, the split-pane is working beautifully. But the problem is, the pane is working for every page like login or SignUp, so please help me to prevent the split pane working for every page.
<ion-split-pane when="(min-width: 768px)">
<ion-menu [content]="content">
<ion-content id="Chat">
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content></ion-nav>
</ion-split-pane>
import { Component } from '@angular/core';
import { MenuController,IonicPage, NavController } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-signup',
templateUrl: 'signup.html',
})
export class SignUp {
constructor(public navCtrl: NavController, public menu : MenuController)
{
this.menu.enable(false);
this.menu.swipeEnable(false);
}
ionViewWillLeave(){
this.menu.enable(true);
this.menu.swipeEnable(true);
}
}
Hope this helps. just disable menu and swipe the menu with that splitpane automatically hides.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With