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" {&nbsp; &nbsp; const value: any;&nbsp; &nbsp; export default value;}在你的代码中import { data_json } from '../../path_of_your.json';console.log(data_json)