Angular 角度4:无法打开';image.png';:没有图像的提供程序

Angular 角度4:无法打开';image.png';:没有图像的提供程序,angular,Angular,我最近开始学习angular 4,并提出了一个非常基本的问题。 我试图在img标签中给出一个图像的路径,但得到了以下错误 无法打开“image.png”:没有c:/Surbhi/MyPractice/image.png的提供程序。下面给出了代码片段 <div style="text-align:center"> <h1> Welcome to {{ title }}! </h1> <img width="300" alt="Angul

我最近开始学习angular 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>

欢迎来到{{title}}!
基础知识

将图像放在资产文件夹中,并给出如下路径

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

将项目中使用的图像放在相应项目的资产文件夹中是一种惯例。请多研究一下这些问题。

您无法通过提供绝对路径来渲染img。将其放在资产文件夹中,然后提供相对路径是否有其他方法可以提供绝对路径,或者唯一可能的方法是仅通过资产文件夹