如何在 Angular 中提供 JSON?

How do I serve JSON in Angular?

我有一个使用 Webpack 构建的 Angular 4 应用程序,我正在尝试提供一个 JSON 文件。两个问题:

  1. 在最简单的情况下,JSON 文件是静态的。我不知道如何设置 webpack 以包含 myfile.json 我包含图像的方式。也就是说,如果我查看页面上任何图像的 URL,它会显示为 assets/angular.9db278d630f5fabd8e7ba16c2e329a3a.png。我希望我的 JSON.
  2. 有一个更简单的 URL
  3. 在不太简单的情况下,我以编程方式构建文件。显然,构建 JSON 字符串不是问题,但显示它 。我查看了如何显示 PDF 的示例,但它们都需要插件,而且大多数只是在不同的 window 中调用 window.open。由于 Angular 组件显示在网页的标记内,我在页面 "breaking out" 上遇到了问题。

这可能吗?我知道,我问了 两个 个问题,但我很乐意回答其中一个问题;不是两者:)

如果你使用的是webpack 1,可以使用json-loader; JSON 在 webpack 2 中默认加载(参见 json-loader 的 README)。

然后可以像导入图像 import myFile from ./myfile.json 一样导入 JSON。

关于您的其他问题,如果没有一些示例代码,很难理解您要做什么。您似乎想在 angular 应用程序之外的页面上显示创建的 JSON 原始文件?