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
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>
-
1
-
No, el ion-menu va primero y cierra al final del ion-content Commented el 23 nov. 2016 a las 14:30
-