Question

我在一些画廊中展示了一堆图像。每当找不到图像时，我都会将其替换为＆＃34;后备＆＃34;图片。现在，无论何时找不到图像，它都会写入一个控制台错误，表示在用回退替换图像之前找不到图像。

我能以何种方式避免错误？当显示100多个图像时，我的整个控制台日志都会出现错误。

这是我的模板：

<img ng-src="{{profileImageUrl}}" fallback-src="img/default-placeholder.png" />

指令：

myAppDirectives.directive('fallbackSrc', function () {
    var fallbackSrc = {
        link: function postLink(scope, iElement, iAttrs) {
            iElement.bind('error', function() {
                angular.element(this).attr("src", iAttrs.fallbackSrc);
            });
        }
    }
    return fallbackSrc;
});

我得到的错误是找不到每个图像都没有找到404（例如网站将其删除）

Answer 1

使用ng-src解决此问题

<img ng-src="{{image.url}}" />

未找到AngularJS图像抑制错误

1 个答案: