Angular 5:读取本地JSON文件

wbgh16ku  于 2023-11-20  发布在  Angular
关注(0)|答案(1)|浏览(114)

我使用Angular 5为我的项目,我需要从本地json文件中获取数据,我创建了一个服务““JsonDataService”,我把文件放在“assets/data”文件夹中,但我无法获取文件,我总是得到错误:Error:[object Object] at viewWrappedObjectError....下面是代码:

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));


我发现了一些关于这个主题的帖子,但没有一个对我有用。我可以从Chrome中看到json文件的内容,URL为:localhost:4200/assets/data/french-regions-departments.json 你有什么解决方案吗?

slwdgvem

slwdgvem1#

API URL应仅为

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

字符串

相关问题