使用AngularJS获取图像请求

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (16)

我将要呈现的图像的源字符串存储在AngularJS控制器中的HTML中,但是在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) 

我怎样才能防止这种情况发生?也就是说,只有在角控制器初始化时才加载图像?

提问于
用户回答回答于

尝试用ng-src替换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>

扫码关注云+社区