json - 我如何在 Angular 中提供 JSON?

标签 json angular typescript webpack webpack-2

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

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

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

最佳答案

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

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

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

关于json - 我如何在 Angular 中提供 JSON?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45046600/

相关文章:

python - 在 Kivy 中使用 JSON API

angular - Angular 2 中的辅助路线有什么用?

html - Angular 2 : Expression containing markup

typescript - 使用 `user` 对 Meteor `userId` 和 `sinon-ts` 进行 stub

javascript - 停止等待 setTimeOut 函数

javascript - 如何访问从 JQuery 收到的 JSON 响应中的数据?

javascript - 特别是当我们必须在 2 个日期之间选择数据时,以下哪个 JSON 更适合使用?

ios - Swift:图像缓存无法正常工作

javascript - 如何在组件内使用 Angular 2 Material Sidenav?

javascript - 是否可以在 Typescript 中创建一个变量,只要它遵循某种格式,它可以是任何值?