<ion-menu [content]="root_nav" #side_menu>
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item menuClose *ngFor="let p of pages" (click)="openPage(p)">
<ion-icon [name]="p.icon" item-left></ion-icon>
{{ p.title }}
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #root_nav swipeBackEnabled="false"></ion-nav>
In my controller I’m trying like this:
export class App {
@ViewChild('root_nav') nav: NavController
private rootPage: any;
public pages = [
{title: 'On Test', component: OnTestPage, icon: 'flash'}
]
constructor(
private platform: Platform,
private events: Events,
private auth: Auth,
private menuCtrl: MenuController
) {
this.menuCtrl.enable(false, 'side_menu')
platform.ready().then(() => {