Angular提供者（Provider）useFactory注入
在Angular应用程序中，使用提供者（Provider）来提供依赖项。在某些情况下，我们需要使用useFactory函数来动态地创建依赖项。以下是在Angular应用程序中使用useFactory注入提供者的示例：
- 首先需要在NgModule中定义provider：
import { NgModule } from '@angular/core'; import { HttpClientModule } from '@angular/common/http';
export function httpFactory() { return new HttpClient(); }
@NgModule({ imports: [ HttpClientModule ], providers: [ { provide: HttpClient, useFactory: httpFactory } ] }) export class AppModule { }
- 接着在组件中注入HttpClient提供者：
import { Component } from '@angular/core'; import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-root',
template:
})
export class AppComponent {
title = 'My App';{{ title }}
constructor(private http: HttpClient) { this.http.get('https://jsonplaceholder.typicode.com/posts') .subscribe(data => console.log(data)); } }
在上述示例中，我们使用useFactory创建了HttpClient的实例并将其注入到应用程序中。