Question

我为我的项目使用Angular 5，我需要从本地json文件获取数据，我创建了一个服务“”JsonDataService“并且我将文件放在”assets / data“文件夹中，但我无法得到文件，igot总是错误：错误：viewWrappedDebugError的[object Object] .... 这是代码：

import {Injectable} from '@angular/core';
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class JsonDataService {

  constructor(private httpClient: HttpClient) {
  }

  public getDepartmentData(): Observable<any> {
    console.log('getDepartmentData');
    const apiUrl = './assets/data/french-regions-departments.json';
    return this.httpClient.get(apiUrl);
      // .map((res: any) => {
      //   const data = res.json();
      //   return data;
      // });
  }
}

电话就在这里：

jsonDataService.getDepartmentData().subscribe(data => console.log(data));

我找到了一些关于这个主题的帖子，但没有一个对我有用。我可以使用url从chrome看到json文件的内容： localhost：4200 / assets / data / french-regions-departments.json 你有任何解决方案吗？

Answer 1

api url应该只是

const apiUrl = 'assets/data/french-regions-departments.json';

Angular 5：读取本地json文件

1 个答案: