Splitpane with @IonicPage -> no hamburger button


I am using the Splitpane component with the new @IonicPage decorator.

The problem is that the hamburger icon isn’t shown up when the screen size gets reduced.
This only happens when I use the @IonicPage decorator.
Does someone know what’s the problem?

Thanks in advance!

Here’s some code:


    <ion-menu [content]="content">
                <ion-title>Work Time Calculator</ion-title>

                <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
                    <ion-icon name="{{p.icon}}" item-left></ion-icon>

    <!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
    <ion-nav [root]="rootPage" main #content></ion-nav>



import {Component, ViewChild} from '@angular/core';
import {Nav} from 'ionic-angular';

interface Page {
	icon: string,
	title: string,
	component: string

	templateUrl: 'app.html'
export class MyApp {
	@ViewChild(Nav) nav: Nav;

	rootPage: string = 'dashboard';
	pages: Page[];

	constructor() {
		this.pages = [
			{icon: 'stats', title: 'Dashboard', component: 'dashboard'}

	initializeApp() {

	openPage(page: Page) {
		// Reset the content nav to have just this page
		// we wouldn't want the back button to show in this scenario


import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

  name: 'dashboard'
  selector: 'page-dashboard',
  templateUrl: 'dashboard.html',
export class DashboardPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {

  ionViewDidLoad() {
    console.log('ionViewDidLoad DashboardPage');