404在获取响应和完整循环之前，ng src中出现错误

Question

我在ng重复中使用ng src

例如，我在这个页面中：http://localhost/nic-video/1397/08/this-is-my-samle-post

当页面加载为空时，我的ng重复循环，点击一个按钮并发送请求将满

<!-- Ajax Request Result Loop -->
<article ng-if="related_video.length > 0" ng-cloak ng-repeat="video in related_video track by $index" id="video-{{ video.id }}">
<div class="thumb">
<a ng-href="{{video.permalink}}" title="{{video.title}}">
<img ng-cloak ng-if="video.thumbnail != null" ng-src="video.thumbnail" class="animate-opacity" />
</a>
</div>
</article>

但是，当加载页面并且不发送任何请求时，我的ng-src会出现以下错误404:

得到http://localhost/nic-video/1397/08/this-is-my-samle-postvideo.thumbnail404(未找到(

Answer 1

尝试

ng-src="video && video.thumbnail ? video.thumbnail"

或者用ng检查

<img ng-if="video && video.thumbnail" ng-cloak ng-if="video.thumbnail != null" ng-src="video.thumbnail" class="animate-opacity" />