Angular 16+中Injection Context（注入上下文）是什么及相关用法咨询

核心概念 #

注入上下文就是Angular能够定位并使用**依赖注入器（Injector）**的执行环境。只有在这个环境中，inject()函数才能正常获取到你声明的依赖；如果在上下文之外调用inject()，Angular会抛出错误，因为它找不到可用的注入器。

关键API解析 #

1. inject()

这是获取依赖的核心函数，Angular会自动在以下场景中为它绑定注入上下文：

• 组件/指令/服务的构造函数
• 依赖注入的工厂函数
• 组件的字段初始化器（仅限Angular 14+）

示例：

// 组件构造函数中使用
@Component({selector: 'app-example'})
export class ExampleComponent {
  private myService = inject(MyService);
  constructor() {
    // 这里也可以调用inject()
    const config = inject(ConfigService);
  }
}

// 工厂函数中使用
const loggerFactory = () => {
  const http = inject(HttpClient);
  return new LoggerService(http);
};

@Injectable({useFactory: loggerFactory})
export class LoggerService {}

2. runInInjectionContext

当你需要在非注入上下文环境（比如异步回调、普通函数、事件监听）中调用inject()时，这个函数可以手动创建一个注入上下文。它接收两个参数：一个可用的注入器（比如EnvironmentInjector或组件的Injector），以及要执行的回调函数——回调内部就能正常使用inject()。

典型场景：setTimeout、Promise.then、DOM事件回调中获取依赖。

示例：

import { runInInjectionContext, inject, EnvironmentInjector } from '@angular/core';

@Component({selector: 'app-example'})
export class ExampleComponent {
  constructor(private envInjector: EnvironmentInjector) {}

  ngOnInit() {
    // 异步回调中手动创建注入上下文
    setTimeout(() => {
      runInInjectionContext(this.envInjector, () => {
        const myService = inject(MyService);
        myService.processData();
      });
    }, 1000);
  }
}

3. EnvironmentInjector#runInContext

这是EnvironmentInjector的实例方法，功能和runInInjectionContext完全一致，只是调用方式更简洁——直接用环境注入器实例调用，回调会自动绑定当前的EnvironmentInjector作为上下文。

示例：

@Component({selector: 'app-example'})
export class ExampleComponent {
  constructor(private envInjector: EnvironmentInjector) {}

  handleButtonClick() {
    // 直接用环境注入器创建上下文
    this.envInjector.runInContext(() => {
      const authService = inject(AuthService);
      authService.checkSession();
    });
  }
}

4. injectionContext

这是Angular内部的注入令牌，主要用于框架内部逻辑：比如判断当前是否处于有效注入上下文，或者传递上下文对象。业务开发中几乎不会直接用到，只有在编写Angular库、自定义注入逻辑这类高级场景下才可能需要接触。

常见使用场景总结 #

1. 常规依赖获取：在组件/服务的构造函数、工厂函数中直接用inject()，无需手动处理上下文，Angular会自动绑定。
2. 异步/非上下文场景：当你需要在setTimeout、Promise回调、DOM事件这类Angular未自动关联注入器的地方获取依赖时，用runInInjectionContext或EnvironmentInjector#runInContext手动包裹逻辑。
3. 库开发：如果编写通用Angular库，需要确保你的函数能在任意环境下安全获取依赖，可以通过injectionContext令牌检查当前上下文是否有效。

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