图像获取与AngularJS请求(Image Get Requests with AngularJS

我存储在HTML中AngularJS控制器被渲染的图像的源串，但是它产生了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) 

我怎样才能防止这种情况发生？ 也就是说，只有当角控制器已初始化加载图像？

Answer 1:

尝试用NG-SRC更换你的src更多信息请参阅文档 ：

在src属性采用了棱角分明的标记像{{哈希}}不工作的权利：浏览器将网址提取与文字文本{{哈希}}，直到角代替内表达{{哈希}}。 该ngSrc指令解决了这个问题。

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

Answer 2:

如果有人正在寻找造型背景图片的解决方案，然后使用此：

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

文章来源: Image Get Requests with AngularJS