4

我试图弄清楚在两个兄弟子路由之间共享同一个解析器是否有更优化的方式。下面是路由如何与解析器相关的示例。

import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
export const routes = [{
        path: '',
        component: parentComponent,
        canActivate: [AuthGuard],
        resolve: {
            someData: someDataResolver
        },
        children: [
            { path: '', redirectTo: '0', pathMatch: 'full' },
            { path: '0', 
                component: someComponent1,
                resolve: {
                    someData1: someData1Resolver,
                    someData2: someData2Resolver,
                }
            },
            { path: '2', 
                component: someComponent2,
                resolve: {
                    someData2: someData2Resolver
                }
            }
            ... a bunch more children routes/components with resolvers

        ]
    }]

现在，我正在为每个子路由重复解析器调用，我认为这不是最佳的。有谁知道是否有更好的方法来共享来自共享兄弟子解析器的数据？我考虑将数据从重复解析器设置为共享服务，然后另一个子兄弟路由将从服务访问数据（而不是在解析器中进行另一个 api 调用）。还有其他更优化的解决方案吗？

4

1 回答 1

8

您可以使用无组件父路由添加一个附加级别，并将解析器上移到此级别：

import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
export const routes = [{
        path: '',
        component: parentComponent,
        canActivate: [AuthGuard],
        resolve: {
            someData: someDataResolver
        },
        children: [
            { path: '', 
                resolve: {
                    someData2: someData2Resolver
                },

            children: [
                { path: '', redirectTo: '0', pathMatch: 'full' },
                { path: '0', 
                    component: someComponent1,
                    resolve: {
                        someData1: someData1Resolver,
                    }
                },
                { path: '2', 
                    component: someComponent2,
                }
                ... a bunch more children routes/components with resolvers
            ]
        ]
    }]
于 2016-10-29T14:51:56.440 回答