typescript – Angular2 RC4路由器:从服务中的路由器 – 事件订阅中获取RouteConfigs“数据” – 属性

前端之家收集整理的这篇文章主要介绍了typescript – Angular2 RC4路由器:从服务中的路由器 – 事件订阅中获取RouteConfigs“数据” – 属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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']);
    }
}

但是获得冠军是不可能的.这是否可能,我应该能够获得这样的路线信息?有人给我一个例子吗?

解决方法

您可以直接订阅数据

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

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

猜你在找的Angularjs相关文章