Soy completamente nuevo en Ionic desde anoche y creé un proyecto en blanco y ahora me di cuenta estúpidamente de que me gustaría tener un menú lateral allí. Así que he seguido un par de tutoriales en línea para agregar uno, pero no importa lo que intente, puedo mostrar el menú cuando hago clic en el botón del icono de alternancia del menú.

Esto es lo que he agregado para tratar de hacer que esto funcione:

aplicación.html

 <ion-menu side="right" [content]="content"> <ion-content> <ion-list> <button>Page 1</button> <button>Page 2</button> </ion-list> </ion-content> </ion-menu> <ion-nav #content [root]="rootPage" swipeBackEnabled="false"></ion-nav>

aplicación.componente.ts:

 import { Component, ViewChild } from '@angular/core'; import { Platform, Nav } from 'ionic-angular'; import { StatusBar } from '@ionic-native/status-bar'; import { SplashScreen } from '@ionic-native/splash-screen'; import { HomePage } from '../pages/home/home'; @Component({ templateUrl: 'app.html' }) export class MyApp { rootPage:any = HomePage; @ViewChild(Nav) nav: Nav; constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { platform.ready().then(() => { // Okay, so the platform is ready and our plugins are available. // Here you can do any higher level native things you might need. statusBar.styleDefault(); splashScreen.hide(); }); } }

inicio-sesión-in.html:

 <ion-header> <ion-navbar color='primary'> <button ion-button menu-toggle> <ion-icon name="menu"></ion-icon> </button> </ion-navbar> </ion-header> <ion-content padding> </ion-content>