时间戳

首页 > 解决方案 > 如何使用 IONIC 4 在多个页面中使用一个通用菜单页面

angular - 如何使用 IONIC 4 在多个页面中使用一个通用菜单页面

问题描述

使用 Ionic 4，我创建了菜单页面，并希望使用离子选择器在多个页面中调用此页面。

我已经尝试在 menu.module.ts 中使用导出，如下所示。

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [MenuPage],

  exports: [
    MenuPage
  ]
})

任何人都可以帮助我如何做到这一点以及 module.ts 文件中需要进行哪些更改？

标签： angularionic-frameworkionic4

解决方案

这样做的方法如下：

应用程序.html

 <ion-menu side="start">
   <ion-header translucent>
     <ion-toolbar color="secondary">
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

或者您可以创建一个子组件并将其注入 app.html 页面。你在 app.html 布局中放置的任何内容都将出现在应用程序的每个页面中

我从 Ionic 4 网站获得了代码：https ://beta.ionicframework.com/docs/components/#menu

无论您在 app.html 中放置什么，都将在每个文件中重复。

推荐阅读