0

Hola tengo un proyecto en desarrollo con ionic. Y necesito mostrar un sidemenu, pero los ejemplos que he conseguido son utilizando el template sidemenu de ionic el cual funciona muy distinto. Si podría explicarme o colocar un link para ver como podría hacerlo

1 respuesta 1

0

Es simple, crea un nuevo componente en la vista (HTML) y agrega lo siguiente:

 <ion-menu [content]="content">
  <ion-header>
    <ion-toolbar>
      <ion-title>Pages</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <button menuClose ion-item>
        Opcion 1
      </button>
      <button menuClose ion-item>
        Opcion 2
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

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

Y esto en el archivo ".ts":

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HomePage } from '../home/home';

@Component({
  templateUrl: 'menu.html',
})
export class MenuPage {

  public rootPage: any;

  constructor(private navCtrl: NavController) {
        this.rootPage = HomePage;
  }

}

Para utilizarlo en otro componente solo tendrás que agregar un botón con la propiedad menuToggle de esta manera:

<button ion-button icon-only menuToggle>  <ion-icon name="menu"></ion-icon </button>
3
  • 1
    el ion-menu va dentro del header? Commented el 23 nov. 2016 a las 4:13
  • No, el ion-menu va primero y cierra al final del ion-content Commented el 23 nov. 2016 a las 14:30
  • ok. gracias por la ayuda. Commented el 23 nov. 2016 a las 23:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.