时间戳

首页 > 解决方案 > 如何在 Angular 库中读取本地 JSON 文件？

angular - 如何在 Angular 库中读取本地 JSON 文件？

问题描述

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

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

标签： angularinternationalizationtranslationangular-library

解决方案

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

演示2

作为第二种方式，你可以"resolveJsonModule": true打开"compilerOptions"

并像这样调用组件

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

推荐阅读