【问题标题】:How to access files from assets folder in angular 2?如何从 Angular 2 中的资产文件夹访问文件?
【发布时间】:2017-06-14 12:49:51
【问题描述】:

我在 Angular 2 应用程序的 assets 文件夹中有一些图像和样式表文件,但是如何访问主 index.html 文件中的这些文件和图像?

【问题讨论】:

  • 与我们分享您的代码
  • 你使用的是 webpack 还是类似的东西?

标签: angular


【解决方案1】:

您必须放置文件并使用资产文件夹中的相对路径。

例如,如果我将一个 css 文件放在 src/assets/css/myfile.css 中,那么我必须像这样访问它:

<link rel="stylesheet" href="assets/css/myfile.css">

【讨论】:

  • 我可能想在组件中访问的文件呢?例如,静态 JSON 文件
  • 对于 json 文件,您可以在这里查看:angularjswiki.com/angular/…
【解决方案2】:

它比 /app 落后一步。所以如果你在 app/components/page/page.css 里面,参考 url(../../../assets/images/logo.png)

【讨论】:

  • 使用相对路径不是一个好习惯。有没有更简单的方法呢?这些框架应该让事情变得更容易。显然,他们不是!
  • @Murray 当您将组件移动到另一个目录(具有不同的深度)时,路径将被破坏。
【解决方案3】:

直接引用资产文件夹和内部图片工作

 <img src="/assets/img_avatar.png" />

【讨论】:

    猜你喜欢
    • 2017-12-11
    • 2012-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-04
    • 2020-12-10
    相关资源
    最近更新 更多