如何读取 Angular 库中的本地 JSON 文件？

Question

我正在尝试读取我正在创建的 Angular 8 库中的 JSON 文件。我想读取 JSON 文件以加载翻译并为库中的组件之一实现国际化。

附加信息： JSON 文件仅存在于 src 文件夹中，我想阅读其内容并在我的服务中加载翻译。

Answer 1

Demo 写一个服务读取 json 然后你可以使用 httpclient 到达 json

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

@Injectable()
export class JsonService {

  constructor(private http: HttpClient) { }
    getData(url): Observable<any> {
        return this.http.get<any>(url);
    }

}

然后在组件中取自服务

constructor(private json: JsonService ) {
    json.getData('/url').subscribe((result)=> {
      console.log(result)
    });
  }

Demo2

作为第二种方式，您可以在 "compilerOptions"

中打开 "resolveJsonModule": true

并像

一样调用组件

import * as employeeData from "./test.json";

如何读取 Angular 库中的本地 JSON 文件？

How to read local JSON file in an Angular Library?

angular

internationalization

translation

angular-library