Angular 为什么img标记src属性的路径失败?
我已经尝试了我能想到的所有可能的相对路径组合,当我尝试加载它时,我的页面上仍然会出现一个损坏的img图标。唯一有效的方法是当我从网上的一张图片样本中测试一条绝对路径时 我试图加载的图像与我要加载到的html页面位于完全相同的目录中 我的文件结构如下Angular 为什么img标记src属性的路径失败?,angular,ionic2,ionic3,Angular,Ionic2,Ionic3,我已经尝试了我能想到的所有可能的相对路径组合,当我尝试加载它时,我的页面上仍然会出现一个损坏的img图标。唯一有效的方法是当我从网上的一张图片样本中测试一条绝对路径时 我试图加载的图像与我要加载到的html页面位于完全相同的目录中 我的文件结构如下 src -> pages ->
src ->
pages ->
home->
- home.html
- vectorstock_1623.jpg
Home.html
<img src="vectorstock_1623.jpg"/>
<img src="assets/img/vectorstock_1623.jpg">
您需要将图像放入
src/assets
文件夹中。您可以在assets
文件夹中创建img
文件夹,以便将图像放置在:
src/assets/img
然后在视图中使用以下路径: