Angular ng build 命令将静态 JSON 文件捆绑到主 TS 文件。如何将其保存在资产文件夹中而不将其捆绑在主 TS 文件中？

Question

我在资产文件夹中保存了一个 JSON 文件，我将它导入到我的 .ts 组件中。每当我使用 ng build —prod 构建项目时，JSON 文件都将捆绑在 main..ts 文件中，如果我更改 JSON 文件中的任何内容，它不会在 angular 应用程序中反映出来从 main..ts 文件中读取数据。但这不符合我的要求。我需要的是，静态 JSON 文件应该在资产文件夹本身中，当我们访问 angular 应用程序时，它应该从资产文件夹中保存的 JSON 文件中读取 JSON 数据

Answer 1

我认为你应该遵循这个策略。您可以使用 httpclient 并从 JSON 文件中调用数据。您可以创建一个单独的服务来读取 JSON 文件，也可以在任何其他服务中获取此方法。

import { HttpClient } from "@angular/common/http";

在构造函数中注入Http

constructor(private httpClient: HttpClient){}

public getJson() {

    this.httpClient.get('assets/data.json').subscribe(data => {
            // do anything thing with data 
            console.log(data);
    })
}

我认为这样当您更改 JSON 文件中的任何内容时，您不需要再次创建构建。