时间戳

首页 > 解决方案 > 如何在 Ionic 的特定页面上显示后退按钮

ionic-framework - 如何在 Ionic 的特定页面上显示后退按钮

问题描述

我正在使用 Ionic 4 应用程序，我在工具栏中添加了一个后退按钮，我只想在某些特定页面上显示后退按钮。

这是app.component.html：

<ion-back-button class="btnmy11" defaultHref="/"></ion-back-button>

我只想在某些特定页面上显示后退按钮。

我添加了用于在某些特定页面上显示后退按钮的 CSS，但它不起作用。

我还添加了[hidden]="menuIsHidden"并在某些特定页面上默认设置为 false 和 true ，但这也不起作用。

任何帮助深表感谢。

标签： ionic-frameworkionic4

解决方案

您可以创建一个 css 类，例如：

.back-hide {
  display: none;
}

然后ngClass在需要时使用应用样式的后退按钮。

<ion-back-button class="btnmy11" defaultHref="/" [ngClass]="{'back-hide': menuIsHidden==true}"></ion-back-button>

推荐阅读