Menu won't appear

i’m trying to create a simple menu in the navbar with ionic2. but it’s not showing up i can’t seem to understand why. This is the current code i have: app.ts

import {App, Platform} from 'ionic-angular';
import {TabsPage} from './pages/tabs/tabs';
import {MenuPage} from './pages/menu/menu';

  templateUrl: 'build/index.html',
  config: {} //
export class MyApp {
  static get parameters() {
    return [[Platform]];

  constructor(platform) {
    this.rootPage = TabsPage;
    platform.ready().then(() => {



<ion-nav #content [root]="rootPage"></ion-nav>


import{Page, MenuController} from 'ionic-angular';
    templateUrl: 'build/pages/menu/menu.html'
export class MenuPage {
 constructor(menu: MenuController) { = menu;

 openMenu() {;



<ion-menu  persistent="true" [content]="content">
      <button ion-item>
      <button ion-item>
        Veelgestelde vragen
      <button ion-item>
        Algemene Voorwaarden

No errors, i don’t see any problems view loads normally. Just no menu. Does someone know why this doesn’t work?

you have pointed your rootPage to TabsPage. You have to assign this.rootPage as MenuPage

But i want tabs and a menupage how should i go about that?

In that case, you can include the content inside menu.html in index.html itself. Check the ionic 2 example to get both tabs and menu together

Yes i also saw that in the tutorials so i tried the approach but it didn’t work either. the codepen:

It does work. it is just that it is a swipe menu so there doesn’t appear a button to toggle it…

Hey there! So you need to manually add button to toggle the menu.

Thanks very much. I found it when diving through the docs to the navbar after I noticed it worked on swipe. maybe reference that a menu-button won’t appear on default when you’re using a menu at the api docs.

Thanks again for this framework and the effort you and your team mates put in to this :slight_smile:

1 Like

omg, thank you this is what I’ve been looking for. thank you.

KODOS ionic 2 i love it