- 创建
back-ser.ts文件
import { Injectable } from \'@angular/core\'
import { Platform, ToastController, App, NavController } from \'ionic-angular\'
@Injectable()
export class BackButtonService {
backButtonPressed: boolean = false
constructor(public platform: Platform, public appCtrl: App, public toastCtrl: ToastController) {}
registerBackButtonAction(){
this.platform.registerBackButtonAction(() => {
let activeNav: NavController = this.appCtrl.getActiveNavs()[0]
if (activeNav.canGoBack()) {
activeNav.pop()
} else {
this.showExit()
}
})
}
showExit(){
if (this.backButtonPressed) {
this.platform.exitApp()
} else {
this.toastCtrl
.create({
message: \'再按一次退出应用\',
duration: 2000,
position: \'top\'
})
.present()
this.backButtonPressed = true
setTimeout(() => (this.backButtonPressed = false), 4000)
}
}
}
- app.module.ts引入
import { BackButtonService } from \'../service/back-ser/back-ser\' providers中写入BackButtonService - app.component.ts中
constructor(backButtonService: BackButtonService, platform: Platform) {
platform.ready().then(() => {
backButtonService.registerBackButtonAction()
})
}
可以测试了。这个是在别人的基础上改的来源不记得了
继续阅读与本文标签相同的文章
上一篇 :
js的节流和防抖
下一篇 :
借力SPC,品质数据异常监控与分析仅需几分钟搞定
-
第三讲,Ceph内部构件
2026-05-18栏目: 教程
-
日本发明AI女友,中国却发明AI主持人,这就是差距!
2026-05-18栏目: 教程
-
《华西通信》行业深度:Wi-Fi6同步5G启航,共享万物互
2026-05-18栏目: 教程
-
不用纠结NSA与SA网络!对于5G手机来说,体验基本一致
2026-05-18栏目: 教程
-
你对自己的网站拥有所有权吗?
2026-05-18栏目: 教程
