angular 取项目外文件参数

如果你想在 Angular 项目中读取外部文件的参数，可以使用 Angular 的 HttpClient 来读取本地 JSON 文件。以下是一个示例代码：

1. 在项目根目录下创建一个名为 `config.json` 的文件，里面包含参数：

{
  "apiUrl": "http://localhost:3000/api",
  "apiKey": "1234567890"
}

2. 创建一个名为 `config.service.ts` 的服务，并注入 HttpClient：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class ConfigService {
  private configUrl = 'assets/config.json';

  constructor(private http: HttpClient) { }

  getConfig() {
    return this.http.get(this.configUrl);
  }
}

3. 在需要使用参数的组件中，注入 `ConfigService` 并调用 `getConfig()` 方法：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  apiUrl: string;
  apiKey: string;

  constructor(private configService: ConfigService) {}

  ngOnInit() {
    this.configService.getConfig().subscribe((data: any) => {
      this.apiUrl = data.apiUrl;
      this.apiKey = data.apiKey;
    });
  }
}

4. 在 HTML 中使用参数：

<p>API URL: {{ apiUrl }}</p>
<p>API Key: {{ apiKey }}</p>

这样，你就可以在 Angular 项目中读取外部文件的参数了。