Ionic 2 自定义后退按钮操作

2024-05-07

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


要自定义默认后退按钮操作,您需要覆盖返回按钮点击()NavBar 组件的方法。

Step 1:在你的“自定义类.ts”导入导航栏组件。创建 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()
       }
    }
}

该代码已在 ionic 3 中进行了测试。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ionic 2 自定义后退按钮操作 的相关文章

随机推荐