typescript - Angular2 RC4 路由器 : Get the RouteConfigs "data"-Property from Router-Events Subscription in a Service

Question

使用 Angular2 的新 RC4-Router (3.0.0-beta.2)，我有以下 Route-Setup:

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'
                }
            }
        ]
    }
];

可以打开路由。但是我有一个全局服务，它应该从路由“数据”属性的“标题”属性设置 AppComponent 中的标题。所以我订阅了 router.events-Observable:

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

    if (value instanceof NavigationEnd) {

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

但是想要获得称号是不可能的。这甚至有可能吗？我是否应该能够获得这样的路线信息？有人给我举个例子吗？

Answer 1

可以像这样直接订阅数据

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

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