Question

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

我已经尝试过在menu.module.ts中进行如下导出。

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

  exports: [
    MenuPage
  ]
})

任何人都可以帮助我，我该怎么做以及在module.ts文件中需要进行哪些更改？

Answer 1

方法如下：

app.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网站a：https://beta.ionicframework.com/docs/components/#menu

获得了代码

在app.html中添加的内容将在每个文件中重复出现。

Answer 2

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

<ion-buttons slot="start">
 <ion-menu-button></ion-menu-button>
</ion-buttons>

如何使用IONIC 4

2 个答案: