Ионная пользовательская кнопка возврата на одной странице

Question

Я посмотрел: https://ionicframework.com/docs/api/config/Config/

На этой странице использовался пример, где tabsPlacement на ion-tabs было изменено для этого одного элемента.

Я пытался воссоздать это с помощью:

<ion-header>

<ion-navbar backButtonIcon="close">
  <ion-title>settings-edit</ion-title>
</ion-navbar>

</ion-header>


<ion-content padding>

</ion-content>

Кажется, что нет никаких изменений с кнопкой назад navBar

Answer 1

Там нет пользовательского варианта кнопки возврата в ионном просто изменить его как кнопку

 <ion-header>
      <ion-navbar hideBackButton="true">
       <button ion-button menuToggle hideBackButton="true">
            <ion-icon name="md-close" (click)="close()" ></ion-icon>
          </button>
      <ion-title>settings-edit</ion-title>
        </ion-navbar>
    </ion-header>

Попробуйте этот код и добавьте ниже код TS на своей странице

close()
{
    this.navctrl.pop();
}

Answer 2

Как и в документации, вы должны определить это в вашем app.module.ts

Добавить это в ваш @NgModule:

 imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      backButtonIcon: 'close',
      iconMode: 'ios',
      modalEnter: 'modal-slide-in',
      modalLeave: 'modal-slide-out',
      tabsPlacement: 'bottom',
      pageTransition: 'ios-transition'
    }) 
  ]