我将要在 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 以获取更多信息,请参阅文档 http://docs.angularjs.org/api/ng.directive:ngSrc:
在 src 属性中使用像 {{hash}} 这样的 Angular 标记不起作用
右:浏览器将从 URL 中获取文字
{{hash}} 直到 Angular 替换 {{hash}} 内的表达式。这
ngSrc 指令解决了这个问题。
<div ng-controller="Cont">
<img ng-src="{{imageSource}}">
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)