Почему кнопка ионного возврата не отображается?

Question

ion-back-button НЕ отображается справа от ion-menu-button. Почему это так?

ion-menu-button и ion-title отображаются правильно и выровнены по одной и той же горизонтальной позиции.

<ion-header>
  <ion-toolbar>

    <ion-buttons slot="start">
      <!-- navigation button-->
      <ion-menu-button></ion-menu-button>
      <!-- optional back button-->
      <ion-back-button></ion-back-button> 
    </ion-buttons>

    <ion-title>
        {{ pageTitle | translate}}
    </ion-title>

  </ion-toolbar>
</ion-header>

В инспекторе DOM атрибут CSS display атрибутаion-back-button установлен на none. Почему он установил себя на none?

Я использовал

this.navCtrl.navigateForward('/term/' + term);

, чтобы перейти на эту страницу, поэтому я ожидаю, что кнопка «Назад» поднимет его. Почему navigateForward не добавляет в стек, что делает ion-back-button шоу?

Answer 1

Если в стеке нет страницы, то

<ion-back-button></ion-back-button>

не будет отображаться. Если вы хотите показать, то вам нужно добавить определенную страницу в атрибут "defaultHref".

<ion-back-button defaultHref="logout"></ion-back-button>

, вам нужно учиться у здесь

https://ionicframework.com/docs/api/back-button

Answer 2

Обход. Я программно выбираю путь URI. Недостаток: если в приложение добавлено больше подробных страниц, их необходимо добавить (например, в массиве путей, определяющих кнопки назад).

<ion-button *ngIf="router.url.includes('/term/')"><ion-icon name="arrow-back"></ion-icon></ion-button>

Добавлен объект Router в конструктор этого компонента

constructor(public router: Router) { }

Если кто-то все еще придумывает, почему программная навигация НЕ добавляет в стек навигации - чтобы на странице сведений отображалась кнопка возврата - я с удовольствием выслушаю.

Answer 3

Это корневая страница? в этом случае кнопка ионного возврата не будет отображаться.

Попробуйте добавить атрибут defaultHref. Например: <ion-back-button defaultHref="home"></ion-back-button>. он должен отображаться независимо от наличия стека навигации.