1

メニューを挿入したいデモアプリケーションがあります。残念ながら、このメニューをヘッダーに表示することはできません。さまざまなアプローチを試みましたが、解決策が見つかりません。

私の app.component.html は次のようになります。

<ion-app>
  <app-header></app-header>
  <ion-router-outlet id="main-content"></ion-router-outlet>
  <app-footer></app-footer>
</ion-app>

私の header.component.html は次のようになります:

<ion-menu side="start" contentId="main-content">
  <ion-header>
    <ion-toolbar color="primary">
      <ion-buttons slot="start">
        <ion-back-button></ion-back-button>
      </ion-buttons>
      <ion-title>
        My App
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item>
        <ion-label>Account</ion-label>
      </ion-item>
      <ion-item>
        <ion-label>Start game</ion-label>
      </ion-item>
      <ion-item>
        <ion-label>Scores</ion-label>
      </ion-item>
      <ion-item>
        <ion-label>Rules</ion-label>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

メニューを挿入した後、メニューまたはヘッダーが表示されなくなりました。

私は何を間違っていますか？

4

2 に答える 2

1

コンテキストが失われた場合でも、ion-back-button または ion-menu-button をそこに保持するため。Ionic 4 以降では auto-hide 属性を使用します。

 <ion-menu-button auto-hide="false"></ion-menu-button>
于 2020-10-23T20:45:59.913 に答える