如何读取Angular 4中的配置参数或文件

我需要在Angular Service ClassTypeScript中读取一个配置文件，其中包含我使用数据的web服务的基本URL

这只是一个带有HttpClient的Ajax调用，但我对angular还不熟悉

我从Node.js服务器提供我的应用程序

---

此baseUrl会更改，因此需要对其进行配置。事实上，我还想检查是否可以将基本Url定义为启动参数。

您可以在angular网站上阅读非常全面的教程。在这里，您可以学习所需的所有基础知识：

创建一个名为app.config.ts的文件-名称由您决定，如下所示：

export interface ApplicationConfig {
  apiURL: string;
}

export const CONFIG: ApplicationConfig = {
  apiURL: 'url to your server';
};

在您的服务中，导入该文件并按如下方式使用：

import { CONFIG } from '../config/app.config';

@Injectable()
export class Service {
  private baseURL: string = CONFIG.apiURL;

  constructor(private http: Http){}

  public getSomething():Observable<any> {
    let url:string = this.baseUrl + 'endpoint url after the base url';

    return this.http.get(url).map((res:Response) => res.json());
  }
}

---

您可以创建一个基础文件来导出端点，因此，例如，您的base.ts应该类似于：

export const baseUrl = 'http://yourendpoint.com';

因此，在您的组件或服务中，您可以像这样使用它：

import {baseUrl} from './base'; //path to base.ts
...
console.log(baseUrl);//http://yourendpoint.com

---

嗨，你能给我指一下他们谈论配置部分的地方吗。我没有找到它。另外，我使用的是httpclient，与本教程略有不同。无论如何，我可以在启动时将url作为某种参数传递。有一种方法可以做到这一点，它结合了节点进程参数和webpack define插件。