AngularJS的图像获取请求

Question

我将要在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控制器后才加载图像吗？

Answer 1

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

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

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