侧滑菜单需要写在app.component.ts里,不知道其它单独的模块可以不
测滑菜单 app.html
<ion-menu [content]="content">
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button ion-item (click)="openPage(homePage)">
Home
</button>
<button ion-item (click)="openPage(friendsPage)">
Friends
</button>
<button ion-item (click)="openPage(eventsPage)">
Events
</button>
<button ion-item (click)="closeMenu()">
Close Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" #content [root]="rootPage"></ion-nav>
在app.component.ts里引用
在test-root.html中引入菜单
<ion-header>
<ion-navbar>
<button ion-button menuToggle icon-only>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>testRoot</ion-title>
</ion-navbar>
</ion-header>
效果图
2019 01 22
补充一些问题;
点击侧滑菜单一项后收回:
禁用侧滑菜单:
启用换为true