Angular 2路由器全局狀態變化事件

Question

有一個全局事件，我們可以使用當狀態更改/啓動，而不是每個組件不像Component Lifecycle Hooks？就像在UI路由器：

$rootScope.$on("$stateChangeStart", function() {}) 

Answer 1

這取決於你想要達到的目標，但它是可以注入你的頂級組件Router和.subscribe()它使各國的流。

我用它來構建基於當前狀態改變瀏覽器標題的功能。這就是說，你可以考慮一下從角1

的$stateChangeSuccess和$stateChangeFailure事件等同的代碼將是：

constructor(router: Router) { 
    router.subscribe(successHandler, failureHandler); 
} 

還拿上OnActivate這也涉及到這些概念看看。

Answer 2

我的代碼，用戶界面的路由器，已經結束了看起來像下面的更換NG1 $ rootScope $ stateChangeSuccess爲Angular2：

import { Component } from '@angular/core'; 
import { TransitionService } from "ui-router-ng2"; 

@Component({selector: 'app-stage-tag',template: '...'}) 
class AppComponent { 
    constructor(public transitionService: TransitionService){ 
    transitionService.onSuccess({to:'*'}, transition=>{ 
     console.log('state', transition._targetState._definition) 
     console.log('params', transition._targetState._params) 
    }) 
    } 
}