Angular 提供的服务在 VS forRoot 中

# 使用 Angular 服务在 VS forRoot 中的配置指南

typescript
// data.service.ts
import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root',
})
export class DataService {
  private apiEndpoint: string;
  constructor() { }
  setApiEndpoint(endpoint: string): void {
    this.apiEndpoint = endpoint;
  }
  fetchData(): void {
    // 使用 this.apiEndpoint 发起数据请求
    console.log(`Fetching data from ${this.apiEndpoint}`);
  }
}

typescript
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { DataService } from './data.service';
@NgModule({
  imports: [BrowserModule],
})
export class AppModule {
  static forRoot(apiEndpoint: string): any {
    return {
      ngModule: AppModule,
      providers: [{ provide: DataService, useClass: DataService, deps: [], },],
      ngModule: AppModule,
      providers: [{ provide: DataService, useClass: DataService, deps: [], }],
    };
  }
}

typescript
// app.component.ts
import { Component } from '@angular/core';
import { DataService } from './data.service';
@Component({
  selector: 'app-root',
  template: 'Fetch Data',
})
export class AppComponent {
  constructor(private dataService: DataService) {
    // 设置 API Endpoint 配置
    this.dataService.setApiEndpoint('https://api.example.com');
  }
  fetchData(): void {
    // 调用服务的方法
    this.dataService.fetchData();
  }
}