我使用他們頁面上的向導創建了我的 Ionic 應用程式，并選擇了模板“選單”。如果我在桌面版本中查看我的應用程式，則完全可以，正如您在此處看到的：桌面視圖可以 但是如果我在瀏覽器 (Firefox) 中切換到“移動視圖”，則選單不顯示？正如你在這里看到的：移動視圖沒有選單
這是我的選單 html 代碼：
<ion-app>
<ion-split-pane contentId="main-content">
<ion-menu contentId="main-content" type="overlay">
<ion-content>
<ion-list id="inbox-list">
<ion-list-header>Netzwerkverwaltung</ion-list-header>
<ion-note></ion-note>
<ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
<ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
<ion-icon slot="start" [ios]="p.icon '-outline'" [md]="p.icon '-sharp'"></ion-icon>
<ion-label>{{ p.title }}</ion-label>
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet id="main-content"></ion-router-outlet>
</ion-split-pane>
</ion-app>
uj5u.com熱心網友回復：
你把你的ion-menu里面放在一個ion-split-pane.
所以能見度取決于窗戶的寬度！
- 您可以使用從選單側面的邊框滑動從移動設備打開您的側邊選單。
- 使用
menuController.toggle() - 或者
ion-menu-button在里面使用ion-header！
選單隱藏在小螢屏上！！
檔案：
離子選單按鈕：https ://ionicframework.com/docs/api/menu-button
選單切換：https ://ionicframework.com/docs/api/menu-toggle
選單控制器：https ://ionicframework.com/docs/v4/api/menu-controller
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/386873.html
上一篇：離子中的自定義標簽欄
下一篇：如何安裝離子電容接觸原生插件