Angular独立模式：如何在服务中注入另一个服务

不是只能通过@Injectable的providedIn选项实现，在Angular独立模式中，还有几种实用的方式可以在不依赖NgModule providers数组的前提下，完成服务间的注入：

• 组件/指令级别的providers数组声明
  如果服务只需要在特定组件及其子组件范围内生效，可以直接在组件的配置中声明依赖服务：

  @Component({
    selector: 'app-my-component',
    templateUrl: './my-component.component.html',
    standalone: true,
    providers: [UserService, AuthService] // 在此声明需要的服务
  })
  export class MyComponent {
    constructor(private userService: UserService) {}
  }
  // 此时AuthService可直接注入到UserService的构造函数中
  

• 全局应用配置的providers数组注册
  要让服务在整个应用范围内可用，可以在ApplicationConfig的providers数组中全局注册，替代NgModule的根级providers：

  export const appConfig: ApplicationConfig = {
    providers: [
      provideRouter(appRoutes),
      provideHttpClient(),
      UserService,
      AuthService // 全局注册后，所有独立组件、服务都能注入这两个服务
    ]
  };
  

• 使用inject()函数手动获取依赖
  如果服务需要动态获取依赖，或者不想在构造函数中显式声明，可以直接用inject()函数在服务内部获取：

  @Injectable({ providedIn: 'root' })
  export class UserService {
    private authService = inject(AuthService); // 手动注入AuthService
  
    getUserInfo() {
      return this.authService.getToken().then(token => /* 逻辑处理 */);
    }
  }
  

  注意：使用这种方式时，目标服务必须已经通过providedIn、组件providers或全局配置完成注册。

总的来说，providedIn是最常用的服务注册方式，但绝非唯一选择。你可以根据服务的作用域（全局/组件级）灵活选择合适的注册方式，只要目标服务已被Angular注入系统识别，就能在另一个服务中完成注入。

内容的提问来源于stack exchange，提问作者emery.noel