ionic4|ionic4 android 返回键问题 2019-04-14 ionic4android返回键问题2019-04-1

ionic4 不配置代码的时候android自带的返回键是没有效果的。我们采用的是这种方式：

import { Component, HostListener } from '@angular/core'; @HostListener('document:ionBackButton', ['$event']) private overrideHardwareBackAction($event: any) { $event.detail.register(100, async () => { // Do what you want this.router.navigateByUrl('相应路径'); }); }

但是其中填写跳转路径的话每个页面都要配置此代码。
【ionic4|ionic4 android 返回键问题 2019-04-14】

因为我们公司项目中每个子页面右上角都有返回键：

文章图片
微信图片_20190414102559.jpg
所以我就在这里处理了：
子页面代码：

人员新参保

在没有返回键的页面，比如tab页面和login页面中增加

backMethod(){ //do what you want }

在tabs-page.ts 中

@HostListener('document:ionBackButton', ['$event']) private overrideHardwareBackAction($event: any) { $event.detail.register(100, async () => { // Do what you wantlet tmp = document.getElementById("backButton"); if(tmp){ tmp.click(); }else{ document.getElementById("backButtonTab").click(); } }); }

需要不同的返回键功能的时候加入相应的click方法就可以了，
以上是我的解决方法，如果大佬有更好的解决方法，请告诉小弟啊。
转发请标明出处。