在404代码上隐藏图像,仍然显示几毫秒的损坏图像

时间:2016-12-02 12:30:18

标签: javascript html css angularjs src

这是我的代码:

$scope.$apply(function(){
    $location.path('authenticate');
});

如果您没有权限使用来自外部网站的图像,则会获得404代码,当发生这种情况时,我不想显示图像。我正在使用上面的代码执行此操作并且它仍然可以工作,但它仍会显示几毫秒的损坏图像,您如何摆脱它?

在ng-show en ng-hide之间有一个小的延迟,显示破碎的图像,如何摆脱它?

1 个答案:

答案 0 :(得分:1)

我认为问题是;您使用json.user.picture作为显示图像的条件以及图像的来源。因此,如果ng-error触发,它会将json.user.picture更改为false,因此图片来源变为false,并尝试加载名称为false的图片,如{{1}这将再次抛出错误。

因此,您必须使用<img src='false'>之类的额外变量,默认情况下为showImage。出错时将其更改为true并在false

中使用它

所以它就像

ng-show