-
使用Ionic創(chuàng)建組件快捷命令
ionic g component menu
文件目錄結(jié)構(gòu)
image.png
image.png
在app.module.ts里面導(dǎo)入這個(gè)組件
import { ComponentsModule } from '../components/components.module';
在menu.html里面使用ion-menu標(biāo)簽
<ion-menu [content]="myContent">
</ion-menu>
在menu.ts里面定義myContent
@Input() myContent: any;
在tabs.html里面接收剛才定義的那個(gè)myContent
image.png
這樣就完成了自定義側(cè)邊欄，不用在寫(xiě)在app.html里面了
