2

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

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

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

  exports: [
    MenuPage
  ]
})

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

4

2 回答 2

0

这样做的方法如下：

应用程序.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 中放置什么，都将在每个文件中重复。

于 2018-08-10T19:08:31.997 回答
0

<ion-toggle>在您想要菜单滑块的所有页面下添加一个菜单按钮元素，如下所示：

<ion-buttons slot="start">
 <ion-menu-button></ion-menu-button>
</ion-buttons>
于 2021-02-09T15:32:29.380 回答