在特定页面上显示后退按钮

Question

我在 Ionic v3 应用程序上工作，我正在尝试做一些事情。

我有一个主页：

<ion-header>
    <ion-navbar>
        <ion-buttons *ngIf="showBackBtn" left>
            <button ion-button icon-only class="my-style-for-modal">
                <ion-icon name="arrow-back"></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>
            {{ ttttt }} - {{ eeee }}
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-tabs #globalTabs>
    <ion-tab [root]="page1" tabTitle="1"></ion-tab>
    <ion-tab [root]="page2" tabTitle="2 avis"></ion-tab>
    <ion-tab [root]="page3" tabTitle="3"></ion-tab>
    <ion-tab [root]="page4" tabTitle="4"></ion-tab>
    <ion-tab [root]="page5" tabTitle="5"></ion-tab>
</ion-tabs>

在我的第 1 页中，我：

<ion-content class="has-header" padding>
    <ion-list >
        <button ion-item (click)="menuSelected('test')">
            {{ 'Test' | translate }}
        </button>  
        <button ion-item (click)="logout()">
            {{ 'Logout' | translate }}
        </button> 
    </ion-list>
</ion-content>

当我点击按钮时 'Test' 我会 this.nav.push(TestPage); 我想在此页面上显示主页 header 更改 showBackBtn 值的隐藏按钮。

可能吗？

Answer 1

创建一个方法来更改 HomePage.ts 上的 showBackBtn 值：

showBackButton(): void {
  this.showBackBtn = true;
}

然后你可以在TestPage.ts上注入主页并调用方法：

export class TestPage {
  constructor(
    @Inject(forwardRef(() => HomePage)) private homePage: HomePage
  ) {
    this.homePage.showBackButton();
  }   

}

在特定页面上显示后退按钮

Show back button on specific page

header

back-button

ionic3