angular.js(1):使用ng-src的img标签无法从网址

时间:2017-01-31 18:47:59

标签: javascript angularjs

我在使用Lob打印API时,在节点服务器上收到了一个返回给我的图片网址。

当我在角度模板文件中对URL进行硬编码时,它会在页面上呈现:

<img ng-src="<imageurl>"></img>

但是当我动态使用它时,我在控制台中出现错误而没有图像:

GET <imageurl> 404 (Not Found)

我的HTML

<img ng-src="{{data.image.url}}"></img>

如果我在控制器中硬编码,如:

 $scope.data.image.url = $sce.trustAsResourceUrl(<image url>)

然后它有效。

但是如果我不对返回的图像链接进行硬编码,并且只是动态渲染字符串,即使我对其进行消毒,也是如此...

$scope.data.image.url = $sce.trustAsResourceUrl(returnedData.url)

我在页面上获得了404。

它也不能用于:trustAsUrl,将trustAsUrl或trustAsResourceUrl设置为过滤器,尝试通过src而不是ng-src渲染任何一个。

检查渲染的空图像框,向我显示ng-src属性和src属性似乎在其中包含正确的URL。

0 个答案:

没有答案