Angular2 RC4路由器:从服务中的路由器事件订阅中获取RouteConfigs"数据" -Property

时间:2016-07-05 14:49:07

标签: typescript angular angular2-routing

使用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" -property中设置AppComponent中的标题。所以我订阅了router.events-Observable:

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

    if (value instanceof NavigationEnd) {

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

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

1 个答案:

答案 0 :(得分:1)

您可以直接订阅{ "total": 17, "per_page": 2, "current_page": 1, "last_page": 9, "next_page_url": "{{URL}}?page=2", "prev_page_url": null, "from": 1, "to": 2, "data": [ { "id": 40, "order":1 }, { "id": 41, "order":2 }, ] }

data