Angular懒加载模块导入时如何修改单例ApiRouteService依赖？

针对你遇到的循环依赖问题，这里提供几种可行的解决方案，其中方案2更符合Angular依赖注入的设计理念，推荐优先使用：

方案1：通过Injector间接获取单例实例 #

直接在工厂函数的依赖中注入ApiRouteService会触发循环依赖，我们可以改用Injector来延迟获取服务实例，打破循环链：

import { Injector } from '@angular/core';

@NgModule({
    imports: [CommonModule],
    providers: [ApiRouteService, ApiRouteLoaderService],
})
export class ApiModule {
    public static forFeature(apiRoutes: Array<IRawApiRoute>): ModuleWithProviders<ApiModule> {
        return {
            ngModule: ApiModule,
            providers: [
                {
                    provide: ApiRouteService,
                    useFactory: (injector: Injector, apiRouteLoaderService: ApiRouteLoaderService) => {
                        const parsedApiRoutes = apiRouteLoaderService.loadRoutes(apiRoutes);
                        // 通过Injector获取ApiRouteService的单例实例
                        const apiRouteService = injector.get(ApiRouteService);
                        apiRouteService.registerRoutes(parsedApiRoutes);
                        // 返回原实例，保持单例特性
                        return apiRouteService;
                    },
                    deps: [Injector, ApiRouteLoaderService],
                },
            ],
        };
    }
}

这种方式通过Injector间接获取服务实例，避免了直接注入导致的循环依赖，同时因为ApiRouteService是模块级单例，injector.get()会返回全局唯一的实例，确保路由注册到同一个缓存中。

方案2：基于多值提供者的路由自动注册（推荐） #

重构模块与服务的设计，利用Angular的多值提供者收集所有模块的原始路由，让ApiRouteService在初始化时自动完成解析与注册，彻底规避循环依赖：

步骤1：定义路由注入令牌 #

import { InjectionToken } from '@angular/core';

// 定义多值注入令牌，用于收集所有模块提供的原始路由
export const RAW_API_ROUTES = new InjectionToken<Array<IRawApiRoute>>('RAW_API_ROUTES', { multi: true });

步骤2：修改ApiModule的forFeature方法 #

@NgModule({
    imports: [CommonModule],
    providers: [
        ApiRouteService,
        ApiRouteLoaderService,
        // 注册默认空数组，避免注入时抛出未找到依赖的错误
        { provide: RAW_API_ROUTES, useValue: [], multi: true }
    ],
})
export class ApiModule {
    public static forFeature(apiRoutes: Array<IRawApiRoute>): ModuleWithProviders<ApiModule> {
        return {
            ngModule: ApiModule,
            providers: [
                // 将当前模块的原始路由添加到多值提供者中
                {
                    provide: RAW_API_ROUTES,
                    useValue: apiRoutes,
                    multi: true
                }
            ],
        };
    }
}

步骤3：修改ApiRouteService自动处理路由 #

@Injectable()
export class ApiRouteService {
    private routesCache = new Map<string, IApiRoute>();

    constructor(
        private apiRouteLoaderService: ApiRouteLoaderService,
        // 注入所有模块提供的原始路由数组
        @Inject(RAW_API_ROUTES) rawRoutesCollections: Array<IRawApiRoute>[]
    ) {
        // 合并所有模块的原始路由，解析后注册到缓存
        const allRawRoutes = rawRoutesCollections.flat();
        const parsedRoutes = this.apiRouteLoaderService.loadRoutes(allRawRoutes);
        this.registerRoutes(parsedRoutes);
    }

    registerRoutes(routes: Array<IApiRoute>): void {
        routes.forEach(route => this.routesCache.set(route.name, route));
    }

    getRoute(name: string): IApiRoute | undefined {
        return this.routesCache.get(name);
    }
}

这种方案完全遵循Angular的依赖注入规则，不需要手动操作服务实例，当懒加载模块导入ApiModule.forFeature()时，对应的原始路由会自动被收集到RAW_API_ROUTES令牌中，ApiRouteService会自动完成解析与注册，逻辑更清晰、可维护性更强。

方案3：使用APP_INITIALIZER（仅适用于预加载场景） #

如果你的路由不需要懒加载，而是希望在应用启动时一次性加载所有路由，可以使用APP_INITIALIZER来提前初始化：

不过注意：此方案不适用于懒加载模块，因为懒加载模块的路由是在模块加载时才会被注册，而APP_INITIALIZER仅在应用启动阶段执行。

内容的提问来源于stack exchange，提问作者Muhammad Waqar