在Ionic 4中覆盖工具栏的后退按钮动作

时间:2019-01-31 10:32:49

标签: angular typescript ionic-framework back-button ionic4

Ionic 3中的

可以通过navbar.backButtonClick = ()=>{}覆盖后退按钮操作

因为导航栏,所以navcontroller在ionic 4中不再存在

有什么类似的原因来替代ion-back-button后退动作

2 个答案:

答案 0 :(得分:1)

您可以在AppComponent类上使用以下代码。

this.platform.backButton.subscribeWithPriority(9999, () => {
    // You decide what happens 
});

答案 1 :(得分:0)

我的朋友,这样可以运作。.android和ios haha​​ha

<ion-header>
    <ion-toolbar>

        <ion-buttons slot="start" style="position: relative;">
            <ion-back-button></ion-back-button>
            <div (click)="backButtonClick()" style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent;z-index: 1000;"></div>
        </ion-buttons>

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