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

前端之家收集整理的这篇文章主要介绍了角度 – 离子2自定义后退按钮动作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想自定义此屏幕截图中提到的后退按钮的单击操作.我希望通过点击我不会返回到上一页,而是返回到我自己指定的页面,或者在返回之前进行处理.

对于自定义默认后退按钮操作,您需要覆盖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中进行了测试.

猜你在找的Angularjs相关文章