如何在Angular 15中创建可配置的独立（无模块）服务？

Angular 15 完全支持不依赖模块的服务配置方式，以下是几种常用方案：

• 使用provide函数配合独立组件启动（推荐）
  Angular 15 新增的provide函数可以直接在bootstrapApplication的配置中注册服务与对应的注入令牌，全程无需模块：

  import { bootstrapApplication, provide } from '@angular/core';
  import { AppComponent } from './app/app.component';
  import { MY_CONFIG, MyConfig, MyService } from './app/my.service';
  
  // 定义配置内容
  const appConfig: MyConfig = {
    apiUrl: 'https://api.example.com',
    timeout: 5000
  };
  
  bootstrapApplication(AppComponent, {
    providers: [
      MyService,
      provide(MY_CONFIG, { useValue: appConfig })
    ]
  });
  

• 结合provideIn: 'root'与值配置
  若服务本身通过provideIn: 'root'标记为根级注入，只需单独配置注入令牌即可，无需模块包裹：

  // my.service.ts
  import { Injectable, InjectionToken, inject } from '@angular/core';
  
  export const MY_CONFIG = new InjectionToken<MyConfig>('MY_CONFIG');
  export interface MyConfig {
    apiUrl: string;
    timeout: number;
  }
  
  @Injectable({ providedIn: 'root' })
  export class MyService {
    private config = inject(MY_CONFIG);
  
    getApiUrl(): string {
      return this.config.apiUrl;
    }
  }
  

  在启动代码中配置令牌：

  // main.ts
  import { bootstrapApplication, provide } from '@angular/core';
  import { AppComponent } from './app/app.component';
  import { MY_CONFIG, MyConfig } from './app/my.service';
  
  const appConfig: MyConfig = {
    apiUrl: 'https://api.example.com',
    timeout: 5000
  };
  
  bootstrapApplication(AppComponent, {
    providers: [provide(MY_CONFIG, { useValue: appConfig })]
  });
  

• 组件范围内的自定义配置
  还可以在组件的providers数组中直接配置服务与令牌，实现组件及其子树的专属配置：

  import { Component, provide } from '@angular/core';
  import { MY_CONFIG, MyConfig, MyService } from './my.service';
  
  const componentConfig: MyConfig = {
    apiUrl: 'https://api.component.example.com',
    timeout: 3000
  };
  
  @Component({
    selector: 'app-child',
    template: '<p>Child Component</p>',
    providers: [
      MyService,
      provide(MY_CONFIG, { useValue: componentConfig })
    ]
  })
  export class ChildComponent {}
  

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