Ionic 2 - 右侧显示菜单按钮(浏览器)

时间:2017-03-29 15:00:57

标签: ionic-framework ionic2

我在医学课程中学习了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>

1 个答案:

答案 0 :(得分: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>