在Angular JS视图中，image始终处于待处理状态

Question

我的观点出现问题，似乎图片始终处于待处理状态，并且浏览器未呈现该图片。

我有这个文件夹结构：

img/
 - logo.png
scripts/
 - scripts here
styles/
 - stylesheets here
views/
 - home.html
index.html

在我的views / home.html中我有这个代码来呈现徽标：

<img src="img/logo.png" alt="Note Card" class="img-responsive">

视图已成功渲染但图像丢失/未渲染。 根据我的控制台，似乎logo.png总是待定。

有关如何使这项工作的任何想法？我无法找到任何解决方案。

Answer 1

似乎我的浏览器造成了麻烦。我尝试过隐身模式，图片已加载。

tl; dr删除缓存

Answer 2

您是否尝试过将src =“img / logo.png”更改为src =“/ img / logo.png”？ 不熟悉Angular，但您的代码在视图下引用了img目录。 添加前导斜杠将从您的根开始。

Answer 3

在img标签中使用ng-src属性..

HTML：

    <img ng-src={{imageUrl}} alt="Note Card" class="img-responsive">

控制器：

    $scope.imageUrl="img/logo.png";

查看此文档：       点击here