如何在Angular中提供JSON？

Question

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

1. 在最简单的情况下，JSON文件是静态的。我无法弄清楚如何设置webpack以包含myfile.json我包含图像的方式。也就是说，如果我查看页面上任何图像的URL，它将显示为assets/angular.9db278d630f5fabd8e7ba16c2e329a3a.png。我希望为我的JSON提供一个更简单的URL。
2. 在不太简单的情况下，我以编程方式构建文件。显然，构建JSON字符串不是问题，但显示它是。我查看了如何显示PDF的示例，但所有这些都需要插件，而且大多数只是在不同的窗口中调用window.open。由于Angular组件显示在网页的标签内，因此我无法“突破”该页面。

甚至可能吗？我意识到，我问过两个问题，但我会对任何一个问题的答案感到满意。不要两者：）

Answer 1

如果您使用的是webpack 1，则可以使用json-loader;默认情况下，在Webpack 2中加载JSON（请参阅README for json-loader）。

然后可以与图像import myFile from ./myfile.json类似地导入JSON。

关于你的其他问题，如果没有一些示例代码，很难理解你想要做什么。您似乎想在角度应用程序之外的页面上显示创建的JSON raw？