Question

我最近开始学习角度4并提出了一个非常基本的问题。我尝试在img标签中给出图像的路径，但是出现了以下错误

无法打开'image.png'： c：/Surbhi/MyPractice/image.png 没有提供商。代码段如下所示。

<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <img width="300" alt="Angular Logo" src="C:\Surbhi\MyPractice\image.png">
</div>
<h2>ABC </h2>
<ul>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
  </li>
</ul>

Answer 1

将您的图片放入资源文件夹并提供类似此类的路径

<img width="300" alt="Angular Logo" src="/assets/images/image.png">

Answer 2

将我们在项目中使用的图像放在相应项目的assets文件夹中是一种惯例。请再多研究一下这些问题。 maybe refer to this

Angular 4：无法打开'image.png'：没有图像提供者

2 个答案: