独立组件依赖注入：路由Providers配置及使用场景咨询

一、无需在所有子路由重复配置Providers #

原来模块模式下/moduleA模块注册的服务，改用独立组件时，只需要在/moduleA的根路由配置中添加providers数组即可，不需要在所有子路由里重复编写。

路由配置里的providers会创建一个路由分支级别的注入器，这个注入器的作用域覆盖当前路由及其所有子路由，和原来模块注入器的作用域完全对应。也就是说，/moduleA下的所有子路由组件，都会共享这个注入器里的服务实例，和模块模式下的效果一致。

二、两种Providers配置场景的区分 #

1. 配置在路由定义中 #

适合以下场景：

• 需要一组服务在**整个路由分支（当前路由+所有子路由）**中共享同一个实例，比如原来模块中注册的全局服务、分支内共享的数据服务等。
• 希望服务的生命周期和路由分支绑定：当路由分支被卸载时，这些服务实例也会被销毁，和模块的销毁时机一致。

示例代码：

const routes: Routes = [
  {
    path: 'moduleA',
    // 这里配置的服务会被整个moduleA路由分支共享
    providers: [ModuleASharedService, BranchDataService],
    children: [
      { path: 'sub-page1', component: SubPage1Standalone },
      { path: 'sub-page2', component: SubPage2Standalone }
    ]
  }
];

2. 配置在独立组件的providers数组中 #

适合以下场景：

• 服务仅属于单个组件及其DOM子组件（不是路由子组件），不需要路由分支内的其他组件访问。
• 需要隔离服务实例：比如多个同类型组件需要各自独立的服务实例，避免状态互相影响。

示例代码：

@Component({
  selector: 'app-sub-page1',
  standalone: true,
  // 这里的服务仅在当前组件及其子组件（如模板内的<app-inner-child>）中可用
  providers: [SubPage1ExclusiveService],
  template: `<app-inner-child></app-inner-child>`
})
export class SubPage1Standalone {}

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