Question

我正在Android上开发一个离子应用程序。我正面临一个问题，即当没有页面可以返回时，后退按钮不显示。

有关详细说明：
场景1 ：点击转到视图B时，从侧边菜单中按下按钮 场景2 ：从侧边菜单到视图A的按钮，然后从视图A到视图B的按钮。

场景2 视图B显示后退按钮，因为它有一个上一页，但场景1 没有上一页，这就是为什么它没有显示后退按钮，如果没有后退按钮，如何显示菜单按钮？

以下是我的代码：

<ion-view view-title="MY View">
    <ion-nav-bar>
        <ion-nav-back-button></ion-nav-back-button>
        <ion-nav-buttons side="right">
        <button class="button" type="submit" 
        ng-click="goEdit(data.ID)">Edit</button>
        </ion-nav-buttons>
    </ion-nav-bar>

    <ion-content class="has-header">

    </ion-content>
</ion-view>

其他信息：

删除<ion-nav-bar>时会显示菜单按钮，但当然不再显示后退按钮和编辑按钮。当我尝试在<ion-nav-bar ng-hide="isMenu">中放置 ng-hide 时，它没有显示任何导航栏，因为它是隐藏的但是从html inspect元素它仍然存在但只是隐藏。有没有解决这个问题？

Answer 1

如果您将页面设置为rootPage并使用菜单，则会看到菜单按钮。当你使用navCtrl.push()后退按钮导航到另一个页面时，会自动添加到推送的视图中。如果你再次将第二页设置为rootPage，你会再次看到菜单按钮。但是如果你想自己实现它是另一回事。还请查看此link

Answer 2

考虑仅针对需要它的网页自定义导航栏/工具栏。

通过在离子头中放置一个离子工具栏，它出现在默认的离子导航栏的顶部。所以这是一个解决方法，有一个自定义标题栏与我的关闭图标和我的自定义函数gotoHome（）。这是我发现自定义“导航栏”的最佳方式。对于特定页面。

＆＃13;

<ion-header>

    <ion-toolbar>
        <ion-buttons left>
            <button ion-button icon-only (click)="gotoHome()">
                <ion-icon name="close"></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>Title</ion-title>
    </ion-toolbar>

</ion-header>

<ion-content padding>
    ...
</ion-content>

＆＃13;

同样的答案适用于这个主题，供参考： Ionic Change back button icon for one page only

如果没有要返回的页面，请用菜单替换后退按钮 - Ionic

2 个答案: