角2ルータグローバル状態変更イベント

Question

Component Lifecycle Hooksとは異なり、コンポーネントごとではなく状態変更/開始を行うときに使用できるグローバルイベントがありますか？ UI-ルータのように：

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

Answer 1

それはあなたが達成したいかに依存しますが、状態のストリームを得るためにそれにあなたのトップレベルのコンポーネントと.subscribe()でRouterを注入することが可能です。

現在の状態に基づいてブラウザのタイトルを変更する機能を構築するために使用しました。それは言って、あなたが角度1から$stateChangeSuccessと$stateChangeFailureイベントの同等としてそれについて

を考えることができるコードは次のようになります。

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

はまた、これらの概念に関連しているOnActivateに見てみましょう。

Answer 2

私のコードは、UI-ルータのために、Angular2ためNG1 $ rootScope $ stateChangeSuccessを交換するには、次のようなものを探してしまった：

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

を