Ion-menu open modal(nav.present(page))

There is the possibility of a menu item to open a modal?

This is definitely possible. The easiest way might be something like this:


<ion-menu [content]="mycontent">
                <button ion-item menuClose *ngFor="let p of pages" (click)="showRoot(p)">
                <button ion-item menuClose (click)="openModal(modalPage)">
                    Launch Modal

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


import { Component, ViewChild } from '@angular/core';
import { Nav, ModalController } from 'ionic-angular';
import { FirstPage } from '../first/first';
import { SecondPage } from '../second/second';
import { ThirdPage } from '../third/third';
import { FourthPage } from '../fourth/fourth';
import { ModalPage } from '../modal/modal';

  templateUrl: 'menu.html'

export class MenuPage { 
  @ViewChild(Nav) nav: Nav;

  rootPage = FirstPage;
  modalPage = ModalPage;

 constructor(public modalCtrl: ModalController){ 
    this.pages = [
      { title: 'First Page', component: FirstPage },
      { title: 'Second Page', component: SecondPage },
      { title: 'Third Page', component: ThirdPage },
      { title: 'Fourth Page', component: FourthPage }

  showRoot(page) {

   openModal(page) {
    let modal = this.modalCtrl.create(page);

I’m not sure of the specifics of your app, but hopefully this gives you some good ideas.