ionic 4 - запретить навигацию по кнопке возврата назад

Question

Есть ли способ реализовать ионную кнопку возврата без автоматического запуска nav.pop ()?

Проблема связана с забавными пользовательскими кнопками со стрелкой назад, которые я не могупросто переделайте.

Фрагмент ниже - самый близкий и простой подход, но результат не выглядит "идентичным".Он не скрывается автоматически, когда стек навигации пуст.

<ion-button slot="start" (click)="onBack()" fill="clear">
    <ion-icon slot="icon-only" name="arrow-back" style="color:#424242"></ion-icon>
</ion-button>

Мне бы хотелось, чтобы

<ion-back-button slot="start" (click)="someCustomLogic()"></ion-back-button>

Answer 1

Определенно взломать:

<ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button onclick="event.stopImmediatePropagation(); window.myCustomMethod()"></ion-back-button>
    </ion-buttons>
    <ion-title>
      List
    </ion-title>
</ion-toolbar>

Внутри тс:

import { Component, OnInit } from '@angular/core';
import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-list',
  templateUrl: 'list.page.html',
  styleUrls: ['list.page.scss']
})
export class ListPage {

  constructor( private navCtrl: NavController) {
    window['myCustomMethod'] = this.overide;
  }

  overide = () => {
    console.log("hi")
    this.navCtrl.navigateBack('/home')
  }

}

Answer 2

Почему бы вам не попробовать что-то подобное:

<ion-row>
  <ion-col tap="someCustomLogic()">
    <ion-icon slot="icon-only" name="arrow-back" style="color:#424242"></ion-icon>
  </ion-col>
</ion-row>