Javascript 隐藏404代码上的图像，在几毫秒内仍显示损坏的图像

这是我的代码：

<img ng-show="json.user.picture" ng-src="{{json.user.picture}}" ng-error="json.user.picture = false">

当你没有权限使用来自外部网站的图像时，你会得到一个404代码，当这种情况发生时，我不想显示图像。我用上面的代码来做，它可以工作，但它仍然显示了几毫秒的坏图像，你怎么能摆脱它呢

---

在ng show en ng hide之间有一个小延迟，显示损坏的图像，如何消除该延迟？

我认为问题是；您正在使用

json.user.picture

作为显示图像以及图像源的条件。因此，如果触发

ng error

，它将

json.user.picture

更改为

false

，因此图像源将变为

false

，并尝试加载名为

false

的图像，就像

一样，这将再次引发错误

因此，您必须使用一个额外的变量，如

showImage

，默认情况下该变量为

true

。出现错误时，将其更改为

false

，并在

ng show

那就好像

---

的可能重复您确定

ng show

可以正常工作吗？您如何获取图像？是否在承诺调用中获取图像的URL？很有可能隐藏永远不起作用，你提到的延迟只是图像被抓取（损坏或其他）它不是重复的，我不想删除文本，而是损坏的图像本身。是的，ng show很有效，隐藏也很有效，只是中间有一个小小的延迟，显示了一个我想摆脱的坏图像