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

【问题标题】：Ionic 2 - Menu button showing on right side (Browser)Ionic 2 - 右侧显示菜单按钮（浏览器）
【发布时间】：2017-12-03 15:49:51
【问题描述】：

我正在 udemy 课程中学习 Ionic 2。在我的应用程序中，我的菜单按钮应该显示在左侧，而是显示在右侧（我在 chrome 和 linux 上的 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>

【问题讨论】：

将属性 side="left" 添加到
@Djamware 仍然在右侧：/
你能显示“离子信息”与工作的比较吗
@Djamware 我确实遵循了您网站上的教程，我可以确认您的教程存在此问题。

标签： ionic-framework ionic2

【解决方案1】：

当我在浏览器中查看您的 Ionic 应用程序时，会发生这种奇怪的行为，就像我现在所经历的那样。您是为 Android 平台还是 iOS 构建？您有 Right Click + Inspect 然后在“Mobile Viewed”应用程序的顶部，您应该会看到一个设置为默认值的下拉菜单，将其更改为 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>

【讨论】：