Rotas aninhadas angulares 2 resolvem execução
Por exemplo, se eu tiver a seguinte organização de rotas:
const appRoutes: Routes = [
{
path: "",
component: AppComponent,
resolve: {
app: AppResolver
},
children: [
{
path: "",
component: NestedComponent,
resolve: {
subscribers: NestedResolver
}
}
]
}
];
e seguintes resolvedores:
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();
}
}
Após a inicialização do aplicativo, o NestedResolver e o AppResolver serão executados primeiro e farão as solicitações em paralelo.
Podemos alterar o código e implementar que o NestedResolver aguarde a resolução do AppResolver e tenha acesso aos dados resolvidos do AppResolver?
Angular 2 RC6, roteador angular 3.0.0-rc.2