Angular 5 Service读取本地.json文件

Question

我正在使用Angular 5，并且已经使用angular-cli创建了服务我想要做的是创建一个为Angular 5读取本地json文件的服务。这就是我所拥有的...我有点卡住了...import { Injectable } from '@angular/core';import { HttpClientModule } from '@angular/common/http';@Injectable()export class AppSettingsService {  constructor(private http: HttpClientModule) {    var obj;    this.getJSON().subscribe(data => obj=data, error => console.log(error));  }  public getJSON(): Observable<any> {    return this.http.get("./assets/mydata.json")      .map((res:any) => res.json())      .catch((error:any) => console.log(error));  }}我该如何完成？

Answer 1

您有另一种解决方案，直接导入json。

要进行编译，请在您的Types.d.ts文件中声明此模块

declare module "*.json" {

    const value: any;

    export default value;

}

在你的代码中

import { data_json } from '../../path_of_your.json';

console.log(data_json)