如何在外部配置文件中定义变量并在app.module中使用

{
  "apiUrl": "https://api.example.com",
  "apiKey": "your-api-key"
}

import { HttpClientModule, HttpClient } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  // ...
})
export class AppModule { }

constructor(private http: HttpClient) {
  this.http.get('path/to/config.json').subscribe((config: any) => {
    // 在这里可以访问配置文件中的变量
    console.log(config.apiUrl); // 输出：https://api.example.com
    console.log(config.apiKey); // 输出：your-api-key
  });
}

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

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  constructor(private http: HttpClient) { }

  getApiUrl(): string {
    return config.apiUrl; // 使用配置文件中的apiUrl变量
  }
}