AngularJS的图像获取请求

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

这是HTML：

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

角度控制器：

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

和我得到的错误（%7D%7D对应{{于模板中的）。

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

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

尝试将您的src替换为ng-src以获得更多信息，请参阅文档：

在src属性中使用像{{hash}}这样的Angular标记无法正常工作：浏览器将从URL中获取带有文字文本{{hash}}的内容，直到Angular替换{{hash}}中的表达式。ngSrc指令解决了这个问题。

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

如果有人正在搜索解决方案以对背景图像进行样式设置，请使用以下命令：

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