可以在Ionic 2中挂钩导航栏的后箭头吗？

Question

在Ionic 2中使用NavBar时，会自动添加一个后退按钮。如果用户点击它，我想观察NG2。

http://ionicframework.com/docs/v2/api/components/navbar/Navbar/

任何想法如何实现这一目标？

Answer 1

据我所知，Ionic没有公开任何API。

但由于这是Javascript，你总是可以破解它。如果你知道它在DOM中的位置，你可以在该按钮上添加一个点击监听器：

document.querySelector('ion-navbar button.back-button').addEventListener(event => {
    //do stuff   
});

Answer 2

您可以覆盖页面组件中的Navbar ViewChild

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

     constructor(private navCtrl: NavController){}
     ionViewDidLoad() {
         this.navBar.backButtonClick = (e:UIEvent)=>{
         // code here 
         this.navCtrl.pop();
     }
}