如何在不重新编译 Angular 应用程序的情况下刷新 JSON 文件？答案

【问题标题】：How do you refresh a JSON file without re-compling the angular app?如何在不重新编译 Angular 应用程序的情况下刷新 JSON 文件？
【发布时间】：2019-06-12 22:59:32
【问题描述】：

我目前正在显示我保存在资产文件夹中的 JSON 文件的信息。然后将其显示为表格。到目前为止，仅在构建 Angular 应用程序时才加载 JSON 文件。我想动态加载此文件，以便即使在构建应用程序时也可以加载或删除它。

我想动态提取的文件位于 'src/assets/data/'

这就是我提取 JSON 文件的方式：

export let MyData: MYDATA[] = require ('src/assets/data/MyJSON.JSON');

最后我希望能够更新或删除 assets 文件夹中的 JSON 文件，然后更新 MyData 变量和表，因此我不必在 JSON 文件更改的任何时候继续运行 ng build .

【问题讨论】：

我可以为第一部分提供答案，但就保存更新的 JSON 而言，我不确定这是一种好方法。您应该进行这种类型的更新 API 端点/数据库存储。或者本地存储，如果它是用户特定的但不保存 JSON 文件。
您可以随时使用fetch() 加载 JSON...

标签： angular typescript

【解决方案1】：

您可以使用setInterval 来检查 json 文件是否已更改。

setInterval(function(){ 
   MYDATA = require ('src/assets/data/MyJSON.JSON');
}, 5000); //check 5 seconds

【讨论】：