角度6：<img src =“ / src / assets / images / someimage.png”>未显示

Question

在我的user.component.html

中

... 
  <div>
      <img class="user-image" src="src/assets/images/poolride-user.png">
  </div>
...

我进行了搜索，但没有得到正确的答案。任何帮助将不胜感激。

Answer 1

在您的angular.json中的assets部分

projects=>ProjectName=>architect=>build=>options=>assets

添加以下字符串：

"src/assets"

然后：

<div>
      <img class="user-image" src="assets/images/poolride-user.png">
</div>

或使用此：

 <img class="user-image" src="./assets/images/poolride-user.png">

Answer 2

实际上，我的组件在另一个模块中，找到确切路径的最佳方法是使用（Ctrl + Space）获取提示-非常感谢Visual Studio。因此，对我而言，对我有用的路径如下：

...

xgb.pred <- map2(
  .x = xgb.model, 
  .y = dtest, 
  .f = ~ predict(.x, newdata = .y, type = 'prob')
)

...

组件路径：my-project / src / app / my-module / my-component

图像路径：my-project / src / assets / images / user-img

快乐编码：）