后退导航按钮未显示-Java 学习之路

我使用了克隆代码

离子启动myProjectName教程

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

在这个项目中，你会找到list.html，我已经改变它如下：

<ion-header>
  <ion-navbar>
    <ion-title>My First List</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list>
    <button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)">
      <ion-icon name="{{item.icon}}" item-left></ion-icon>
      {{item.title}}
      <div class="item-note" item-right>
        {{item.note}}
      </div>
    </button>
  </ion-list>
</ion-content>

它只有一个 Headers ，没有后退导航按钮，可以带我到根页面

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);
 }

回复于 2024-04-25T21:46:14+08:00

这里有一些离子头的代码 .

<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>

请让我知道这对你有没有用？？

回复于 2024-04-25T21:46:14+08:00

后退导航按钮未显示

2 回答

相关问题