Angular中能否使用非全局提供者作为子路由解析器？

核心结论 #

不能直接使用组件作用域提供者作为路由解析器的依赖，这就是你遇到No provider for ParentComponentService错误的原因。

原因分析 #

路由解析器的执行时机早于目标组件（此处为ParentComponent）的实例化：当访问/parent/view/5时，Angular会优先执行子路由的resolve逻辑，此时ParentComponent还未被创建，它的组件作用域服务自然也不存在，inject()无法找到对应的提供者，因此抛出错误。

符合你需求的解决方案 #

你的核心需求是让服务实例对ParentComponent和直接导航子路由的场景都可用，同时自动清理服务实例。最适配的方案是将ParentComponentService挂载到父路由的providers配置中，而非组件的providers数组。

修改后的路由配置如下：

const routes: Routes = [
  {
    path: 'parent',
    component: ParentComponent,
    providers: [ParentComponentService], // 将服务移至路由的providers中
    children: [ 
      {
        path: "view/:id",
        component: DetailComponent,
        resolve: {
          details: (route: ActivatedRouteSnapshot) => {
            return inject(ParentComponentService).resolve(route.params['id'])
          }
        }
      }
    ]
  }
]

同时删除ParentComponent装饰器中的providers: [ParentComponentService]配置，避免重复创建服务实例。

方案适配性说明 #

• 跨场景可用：无论从父组件导航到子路由，还是直接访问/parent/view/5，只要进入parent路由层级，服务实例就会被创建，ParentComponent、子路由的解析器和DetailComponent都能正常注入该服务。
• 自动清理：当离开parent路由（比如导航到其他路由）时，Angular会自动销毁该路由层级下的服务实例，无需手动清理。
• 保留解析器优势：依然可以通过resolve预加载详情数据，并将数据存储在服务中，供父组件和子组件共享。

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