Angular2：在服务器端读取本地json文件

Question

我的应用应该读取客户提供给其服务器的config.json文件。要保存HTTP请求，我想直接在服务器端执行此操作。

我知道我可以将它放入/ assets然后从客户端请求它，但这需要不必要的HTTP请求，并且还公开config.json文件。

我可以使用＆＃34; import＆＃34;来读取打字稿中服务器端的文件。或＆＃34;要求＆＃34;，但是＆＃34; ng build＆＃34; config.json文件在dist中消失并合并到main.bundle.js中。但是，我在编译时没有这个文件;客户应该能够将其添加到他们的安装中。

在角度代码中，我想显示{{config.version}}等信息。

有没有办法在Angular中做到这一点？或者我需要以某种方式使用PHP代码扩展index.html？使用PHP，我怎么能将配置对象传递给角度代码？

Answer 1

使用http读取json文件：

config: Observable<any>;
constructor(private http: HttpClient) {
    this.config = this.http.get('config.json');
}

HTML

{{ (config | async).version }}