訂閱離子頁面更改事件，如下圖所示

Question

在angular2我們可以訂閱路由器事件：

router.events.subscribe((event: RouterEvent) => { /* detects route/navigation change*/ 
//some logic to show loading image 
}); 

如何翻譯上面的代碼用於離子2？

Answer 1

我不知道你想要達到的目標，但你可以通過在app.components.ts獲得NavController的基準試，然後訂閱所需的事件是這樣的：

allEvents = Observable.merge(
       this.navController.viewDidLoad, 
       this.navController.viewWillEnter, 
       this.navController.viewDidEnter, 
       this.navController.viewWillLeave, 
       this.navController.viewDidLeave, 
       this.navController.viewWillUnload); 

allEvents.subscribe((e) => { 
    console.log(e); 
}); 

請注意爲了獲得NavController實例在app.component.ts文件你需要做這樣的事情：

@Component({ 
    templateUrl: 'app.html' 
}) 
export class MyApp { 
    @ViewChild(Nav) navCtrl: Nav; 

    //... 
}