角度 – 离子2自定义后退按钮动作

发布时间：2020-12-17 09:16:08 所属栏目：安全来源：网络整理

导读：我想自定义此屏幕截图中提到的后退按钮的单击操作.我希望通过点击我不会返回到上一页,而是返回到我自己指定的页面,或者在返回之前进行处理. 对于自定义默认后退按钮操作,您需要覆盖NavBar组件的backButtonClick()方法. 第1步：在“custom-class.ts”中导入Na

我想自定义此屏幕截图中提到的后退按钮的单击操作.我希望通过点击我不会返回到上一页,而是返回到我自己指定的页面,或者在返回之前进行处理.

对于自定义默认后退按钮操作,您需要覆盖NavBar组件的backButtonClick()方法.

第1步：在“custom-class.ts”中导入Navbar组件.创建auxMethod以覆盖默认行为并在ionViewDidLoad方法中调用.

import { Navbar } from 'ionic-angular';
import { ViewChild } from '@angular/core';

export class myCustomClass {
    @ViewChild(Navbar) navBar: Navbar;

    ionViewDidLoad() {
        this.setBackButtonAction()
    }

    //Method to override the default back button action
    setBackButtonAction(){
       this.navBar.backButtonClick = () => {
       //Write here wherever you wanna do
          this.navCtrl.pop()
       }
    }
}

此代码已在离子3中进行了测试.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!