后退导航按钮未显示

时间:2017-06-05 10:28:55

标签: ionic-framework ionic2 ionic3

我使用

克隆了代码
  

离子启动myProjectName教程

并根据离子3改变了项目,现在,有一个文件list.html,它在标题处有一个按钮,打开侧面菜单。我想在那边有一个后退按钮,并删除侧面菜单打开的代码。预计后退按钮会自动显示,但它没有发生,而是显示标题而没有任何只显示标题的按钮。

在这个项目中,你会找到list.html,我已按如下方式对其进行了修改:

SetIterator

它只有一个标题,没有后​​退导航按钮,可以将我带到根页

2 个答案:

答案 0 :(得分:2)

您可以在app.component.ts

中添加以下代码
itemTapped(item) {
    // close the menu when clicking a link from the menu
    this.menu.close();
    // navigate to the new page if it is not the current page
    this.nav.push(page.component);
 }

答案 1 :(得分:0)

这里有一些代码用于离子中的标题。

<ion-view>
<ion-nav-bar>
    <ion-nav-buttons side="left">
        <button class="button button-clear  ion-arrow-left-c  " ng-click="backButton()"></button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-clear btn-white ion-android-settings header-icon-size " ng-click="openDrawer()"></button>
    </ion-nav-buttons>
</ion-nav-bar>
<ion-content>
    <!-- here content -->
</ion-content>
</ion-view>

让我知道它是否适合你?