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) 
    }) 
    } 
}