Question

我在医学课程中学习了Ionic 2。在我的应用程序中，我的菜单按钮应该显示在左侧，而是显示在右侧（我在linux上打开chrome和firefox）。但是，在课程视频示例中，按钮在左侧正确显示（他使用MAC）。我还从课程中下载了源代码并在其上执行了服务器，并得到了相同的结果。

我的app.html：

<ion-menu [content]="nav">
    <ion-header>
        <ion-toolbar>
            <ion-title> Menu </ion-title>
        </ion-toolbar>
    </ion-header>           
    <ion-content>
        <ion-list>
            <button ion-item (click)="onLoad(tabsPage)">
                <ion-icon name="quote" item-left> </ion-icon>
                Quotes
            </button>
            <button ion-item (click)="onLoad(settingsPage)">
                <ion-icon name="settings" item-left> </ion-icon>
                Settings
            </button>
        </ion-list>
    </ion-content>

</ion-menu>

<ion-nav [root]="rootPage" #nav></ion-nav>

Answer 1

当我在浏览器中查看您的Ionic App时，会出现这种奇怪的行为。您是为Android平台还是iOS构建的？您有“右键单击+检查”，然后在“移动浏览”应用程序的顶部，您应该看到一个设置为默认的下拉列表，将其更改为Nexus for Android等等。 菜单按钮位于iOS设备的右侧，并保留在Android和浏览器中。

以下代码将解决问题：

<ion-header>
  <ion-navbar primary>
    <ion-title>Schedules</ion-title>
    <ion-buttons left>
        <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

Ionic 2 - 右侧显示菜单按钮（浏览器）

1 个答案: