Angular导入模块并通过服务注入传递其配置

ng generate module config

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ConfigService {
  private config: any;

  constructor() {
    // 初始化配置
    this.config = {
      // 配置项...
    };
  }

  getConfig(): any {
    return this.config;
  }
}

import { Component } from '@angular/core';
import { ConfigService } from './config.service';

@Component({
  selector: 'app-root',
  template: `
    <h1>{{ config.title }}</h1>
    <p>{{ config.description }}</p>
  `
})
export class AppComponent {
  config: any;

  constructor(private configService: ConfigService) {
    this.config = this.configService.getConfig();
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { ConfigService } from './config.service';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [ConfigService],
  bootstrap: [AppComponent]
})
export class AppModule {}