1、侧边栏 ion-menu 组件的基本使用

 

1、创建项目

 

ionic start myApp sidemenu

 

2、配置项目

 

属性	作用	可选值
side	配置侧边栏的位置	start end
menuId	侧边栏的唯一标识
type	配置侧边栏的弹出方式	overlay, reveal, push
swipe-gesture	滑动弹出侧边栏	true false

 

 

<ion-menu side="start" menuId="first"> <ion-header>
<ion-toolbar color="primary"> <ion-title>Start Menu</ion-title>
</ion-toolbar> </ion-header> <ion-content>
<ion-list>
<ion-menu-toggle auto-hide="false">
<ion-item [routerDirection]="'root'" [routerLink]="['/button']"> 这是一个列表</ion-item> </ion-menu-toggle>
<ion-menu-toggle auto-hide="false">
<ion-item [routerDirection]="'root'" [routerLink]="['/button']"> 这是一个列表</ion-item> </ion-menu-toggle>
</ion-list> </ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>

 

---