相关疑难解决方法(0)

我在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) 

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

CSS:

.posting-logo-div {  }
.posting-logo-img { height:120px; width:120px; }
.posting-photo-div { height:5px;width:5px;position:relative;top:-140px;left:648px; }
.posting-photo-img { height:240px; width:240px; }

HTML:

<div id="image" class="posting-logo-div"><img src="../images/some-logo1.jpg" onerror="this.src='../images/no-logo-120.jpg';" class="posting-logo-img"></div>
<div id="photo" class="posting-photo-div"><img src="../images/some-logo2.jpg" onerror="this.src='../images/no-logo-240.jpg';" class="posting-photo-img"></div>

这在Chrome或Mozilla中似乎不起作用,但在IE中可以使用.