在浏览器中本地访问JSON文件中的数据，无需单独的网络调用

Question

假设我们的Angular 5应用程序有一个带有静态数据的JSON文件。我们希望＆＃34;嵌入＆＃34;它在应用程序脚本中，所以当我们想从中获取数据时，应用程序将不会为它进行往返服务。

您能解释一下如何通过配置Angular CLI（如果需要）直到从该JSON文件返回数据的TypeScript代码来实现它吗？

Answer 1

您可以简单地将json文件用作服务中的url端点。

如果您在foo.json中说了一个名为assets/foo.json的文件，则只需将该路径嵌入到您的http电话中。

//this is in src/ directory which is one layer deep from assets
@Injectable()
export class MyService {
  constructor(private http: HttpClient) { }

  getData() {
    return this.http.get('../assets/foo.json');
  }
}