Как использовать одну общую страницу меню на нескольких страницах с помощью IONIC 4

Используя Ionic 4, я создал страницу меню и хочу вызвать эту страницу внутри нескольких страниц с помощью ионного селектора.

Я пробовал экспортировать в menu.module.ts, как показано ниже.

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

  exports: [
    MenuPage
  ]
})

Может ли кто-нибудь помочь мне, как я могу это сделать и какие изменения должны потребоваться в файле module.ts?


ionic-framework angular ionic4
person Darshana    schedule 09.08.2018    source источник
comment
Я понял, что вы хотите повторно использовать свое меню, чтобы можно было использовать его на всех страницах без необходимости переписывать новое меню на каждой странице правильно?   -  person devpato    schedule 10.08.2018
comment
@PatricioVargas да, правильно. Я хочу повторно использовать страницу меню на всех страницах.   -  person Darshana    schedule 11.08.2018

Ответы (2)


arrow_upward
0
arrow_downward

Это можно сделать следующим образом:

app.html

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

or you can create a child component and inject it to the app.html page. Whatever you put in the app.html layout will be in every single page of the app

Я получил код с веб-сайта Ionic 4: https://beta.ionicframework.com/docs/components/#menu

Все, что вы добавляете в app.html, будет повторяться в каждом файле.

person devpato    schedule 10.08.2018

arrow_upward
0
arrow_downward

Добавьте элемент кнопки меню под <ion-toggle> на все страницы, где бы вы ни хотели, чтобы ползунок меню был таким:

<ion-buttons slot="start">
 <ion-menu-button></ion-menu-button>
</ion-buttons>
person adithyaZZ    schedule 09.02.2021