Javascript 使用AngularJS获取图像请求

我在AngularJS控制器中存储要以HTML呈现的图像的源字符串，但是在AngularJS控制器初始化之前，它会生成404

以下是HTML：

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

我得到的错误（

%7D%7D

对应于模板中的

{

）

---

如何防止这种情况发生？也就是说，仅在角度控制器初始化后加载图像？

尝试将src替换为ng src以了解更多信息，请参阅：

在src属性中使用像{{hash}}这样的角度标记是行不通的 右图：浏览器将从URL获取文本 {{hash}}直到Angular替换了{{hash}内的表达式 ngSrc指令解决了这个问题

---

如果有人正在搜索背景图像样式的解决方案，请使用以下方法：

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>

。。。

最好使用data ng controller和data ng src，以使HTML有效。将插值与ngStyle一起使用是不好的做法。参考：

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>