在angular中，依赖注入（di）是一个核心概念，用于提供组件、服务或其他类所需的依赖项。注入上下文可以被理解为在应用程序的特定执行点上，可用于inject()函数解析依赖项的提供者（provider）集合。当一个组件被实例化时，angular会为其建立一个注入上下文。这个上下文首先在其自身的注入器中查找提供者，然后递归地向上遍历其父级注入器，直到根注入器，以此来确定可用的服务。
简单来说，注入上下文就是inject()函数能够找到并提供依赖的“环境”。
注入上下文的重要性体现在以下几个方面：
inject()函数是Angular中用于在不依赖构造函数参数的情况下获取依赖项的核心API。它需要在一个有效的注入上下文中被调用。Angular会自动为以下场景提供默认的注入上下文：
构造函数（Constructor）：这是最常见的注入点。当Angular实例化一个类时，它会自动在构造函数执行期间建立注入上下文。
import { Component, inject } from '@angular/core';
import { MyService } from './my.service';
@Component({
selector: 'app-my-component',
template: `...`
})
export class MyComponent {
// 在构造函数中，inject() 自动工作
private myService: MyService;
constructor() {
this.myService = inject(MyService);
}
}工厂函数（Factory Function）：当定义一个提供者，其useFactory属性是一个函数时，该工厂函数在执行时也会处于一个注入上下文中。
import { InjectionToken, inject } from '@angular/core';
export const CONFIG_TOKEN = new InjectionToken<string>('Config Token', {
providedIn: 'root',
factory: () => {
// 在工厂函数中，inject() 自动工作
const env = inject(EnvironmentService); // 假设有一个 EnvironmentService
return env.getApiUrl();
}
});字段初始化器（Field Initializer）：在Angular 14+中，inject()可以直接在类字段的初始化器中使用，这极大地简化了代码。
import { Component, inject } from '@angular/core';
import { MyService } from './my.service';
@Component({
selector: 'app-my-component',
template: `...`
})
export class MyComponent {
// 在字段初始化器中，inject() 自动工作
private myService = inject(MyService);
// 其他逻辑...
}在上述所有情况下，Angular运行时会确保在inject()被调用时存在一个有效的注入上下文。
有时，我们需要在Angular无法自动提供注入上下文的地方（例如，普通的JavaScript函数、事件回调、定时器回调等）使用inject()。为了应对这种情况，Angular提供了手动建立注入上下文的机制。
runInInjectionContext(injector: Injector, fn: Function): any 这是Angular 14+引入的一个实用函数，它允许你提供一个Injector实例，并在该注入器的上下文中执行一个函数。在函数执行期间，inject()就可以正常工作。
import { Component, inject, Injector } from '@angular/core';
import { MyService } from './my.service';
import { AnotherService } from './another.service';
@Component({
selector: 'app-manual-context',
template: `
<button (click)="loadData()">Load Data</button>
`,
standalone: true // 假设是独立组件
})
export class ManualContextComponent {
private injector = inject(Injector); // 获取当前组件的注入器
loadData(): void {
// 假设 MyService 和 AnotherService 需要在非 Angular 生命周期中被注入
// 比如在某个第三方库的回调中
setTimeout(() => {
runInInjectionContext(this.injector, () => {
// 在这个回调函数内部，inject() 可以正常工作
const myService = inject(MyService);
const anotherService = inject(AnotherService);
console.log('Services injected in manual context:', myService, anotherService);
myService.doSomething();
});
}, 1000);
}
}使用场景：
EnvironmentInjector#runInContext(fn: Function): anyEnvironmentInjector是Angular应用中最高级别的注入器之一，通常用于提供应用范围的服务。它的runInContext方法与runInInjectionContext类似，但它是EnvironmentInjector实例上的一个方法。
import { Injectable, EnvironmentInjector, inject } from '@angular/core';
import { AppConfig } from './app-config.service';
@Injectable({
providedIn: 'root'
})
export class StartupService {
constructor(private environmentInjector: EnvironmentInjector) {}
initializeApplication(): void {
this.environmentInjector.runInContext(() => {
// 在 EnvironmentInjector 的上下文中注入 AppConfig
const config = inject(AppConfig);
console.log('AppConfig loaded:', config.apiUrl);
// 可以在这里执行一些依赖于根级服务的初始化逻辑
});
}
}使用场景：
通过深入理解注入上下文，开发者可以更精确地控制依赖的解析过程，编写出更健壮、可维护的Angular应用。
以上就是Angular 16+ 注入上下文深度解析的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
284
收藏
