Показать кнопку назад на определенной странице

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>

Когда я нажимаю на кнопку «Тест», я делаю this.nav.push(TestPage); И я хочу, чтобы на этой странице отображалась кнопка скрытия заголовка HomePage, изменяющая значение showBackBtn.

Возможно ли это?

Answer 1

Создать метод для изменения значения showBackBtn в HomePage.ts:

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

Затем вы можете добавить HomePage в TestPage.ts и вызвать метод:

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

}