typescript – Angular2 RC4路由器：从服务中的路由器 – 事件订

发布时间：2020-12-17 17:07:14 所属栏目：安全来源：网络整理

导读：使用Angular2的新RC4-Router(3.0.0-beta.2),我有以下路由设置： export const Routes: RouterConfig = [ { path: 'account',pathMatch: 'prefix',canActivate: [ AppAuthGuard ],children: [ { path: 'create',component: AccountRegistration,data: { 'titl

使用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();
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!