Angular2 RC4路由器：从路由器获取RouteConfigs“data”属性

Question

使用Angular2的新RC4-Router（3.0.0-beta.2），我有以下路由设置：

export const Routes: RouterConfig = [ 
    { 
     path: 'account', 
     pathMatch: 'prefix', 
     canActivate: [ 
      AppAuthGuard 
     ], 
     children: [ 
      { 
       path: 'create', 
       component: AccountRegistration, 
       data: { 
        'title': 'Create an Account' 
       } 
      }, 
      { 
       path: 'login', 
       component: AccountLogin, 
       data: { 
        'title': 'Log into your Account' 
       } 
      } 
     ] 
    } 
]; 

可以打开路线。但我有一个全局服务，它应该从路径“data”-property的“title”属性中设置AppComponent中的标题。所以我在订阅router.events-Observable：

this.router.events.subscribe(value => { 

    if (value instanceof NavigationEnd) { 

     console.log(this.router.routerState.snapshot.root.data['title']); 
    } 
} 

但是它只是无法获得标题。这是甚至可能的，我应该能够获得这样的路线信息？有人有我的例子吗？

Answer 1

您可以订阅data直接像

class HeroDetailComponent { 
    ngOnInit() { 
    this.sub = this.route 
     .data 
     .subscribe(v => console.log(v)); 
    } 

    ngOnDestroy() { 
    this.sub.unsubscribe(); 
    } 
}