角度2.0、子コンポーネントのルート変更を検出する方法

Question

子コンポーネントのルート変更を検出するにはどうすればよいですか。 これは私が試したことですが、アプリコンポーネントがルート変更をトレースするだけです。 URLがいつ変更されたかを検出することができます。 MetaDetailViewコンポーネントの＃/ meta/a/b/cから＃/ meta/a/b/c/dに移動します。

@RouteConfig([ 
    { path: '/', name: 'Home', redirectTo: ['Meta']}, 
    { path: '/meta/...', name: 'Meta', component: MetaMainComponent, useAsDefault: true}, 
    ...other routes..., 
    ])  
export class AppComponent { 
    constructor(private _router: Router) { 
     _router.subscribe((url) => console.log("app.url = " + url)); 
    } 
} 

@RouteConfig([ 
    { path: '/*other', name: 'Detail', component: MetaDetailViewComponent, useAsDefault: true}, 
]) 
export class MetaMainComponent { 
    constructor(private _router: Router) { 
     _router.subscribe((url) => console.log("metamain.url = " + url)); 
     console.log("MetaMainComponent") 
    } 
} 

export class MetaDetailViewComponent { 
    constructor(private _router: Router) { 
     _router.subscribe((url) => console.log("metadetail.url = " + url)); 
     console.log("MetaDetailViewComponent") 
    } 
} 

おかげ ジェスパー

Answer 1

routerに加入するグローバルなサービスを作成し、ルート変更について知りたいところはどこでもサービスを注入。サービスはObservableによって変更を公開することができるので、関心のあるコンポーネントも購読して自動的に通知を受けることができます。

Answer 2

あなたはどの子ルータからのルートアクセスがあります。

_router.root.subscribe(route => console.log('route', route)); 

Answer 3

RC3 +ソリューション：

constructor(private router: Router) { 
    this.router.events.subscribe(event => { 
    if (event.constructor.name === 'NavigationStart') { 
     console.log(event.url); 
    } 
    }); 
}