Angular 2 嵌套路由解析执行答案

【问题标题】：Angular 2 nested routes resolve executionAngular 2 嵌套路由解析执行
【发布时间】：2017-01-14 20:16:04
【问题描述】：

例如，如果我有以下路线组织：

const appRoutes: Routes = [
    {
        path: "",
        component: AppComponent,
        resolve: {
            app: AppResolver
        },
        children: [
            {
                path: "",
                component: NestedComponent,
                resolve: {
                    subscribers: NestedResolver
                }
            }
        ]
    }
];

以及以下解析器：

export class AppResolver implements Resolve<any> {
    constructor(private appService: AppService) {}
    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> {
        return this.appService.getAppData();
    }
}

export class NestedResolver implements Resolve<any> {
    constructor(private nestedService: NestedService) {}
    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> {
        console.log(route.parent.data); //when this is executed route.parent.data is empty :(
        return this.nestedService.getNestedData();
    }
}

应用程序启动后，NestedResolver 和 AppResolver 将首先执行并并行发出请求。

我们能否更改代码并实现 NestedResolver 等待 AppResolver 解析并有权访问 AppResolver 解析的数据？

Angular 2 RC6，Angular 路由器 3.0.0-rc.2

【问题讨论】：

你能找到答案吗？

标签： angular typescript router resolve

【解决方案1】：

我知道这个问题已经很老了，但以防万一有人偶然发现它（比如我）。

这是一个已知错误，现已修复。只需将您的路由器版本更新为更高或等于 2.1.0 的版本，您就可以开始使用了。这里的参考是相关的issue on github 和associated fix

【讨论】：