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>

在我的Page1中，我已经：

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

当我点击“测试”按钮时，我会this.nav.push(TestPage); 而且我想在此页面上显示首页标题的隐藏按钮，该按钮更改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();
  }   

}

在特定页面上显示返回按钮

1 个答案: