0

当 AngularJS jqlite 不存在损坏的 url 时，我想用默认值替换所有损坏的 img url attr()。我像这样使用它，但不会工作。

var app = angular.module('app');

app.controller('AdminCtrl',function($scope{
    angular.element(document.querySelector('img')).attr("onerror","this.src='../assets/img/broken/broken-link.png'");
})

什么是正确的脚本？

4

2 回答 2

1

你有图书馆已经这样做了。

检查angular-fallback-src和angular-img-fallback。

于 2016-07-11T08:39:33.847 回答
1

解决这个问题的方法很少

尝试下一个选项 

myApp.directive('onErrorSrc', function() {
     return {
         link: function(scope, element, attrs) {
           element.bind('error', function() {
              if (attrs.src != attrs.onErrorSrc) {
                attrs.$set('src', attrs.onErrorSrc);
              }
           });
         }
     }
  });

<img ng-src="wrongUrl.png" on-error-src="someurl.png"/>

或者

<img ng-src="{{ imagesrc}}" onerror="this.src='someimgsrc.png'"/>

因为您不想使用指令，所以您可以使用此 img 标记行将为您完成工作

动态地做

<img ng-src="{{ imagesrc}}" nerror="angular.element(this).scope().imgError()"/>

并在函数或范围 var 上实现这个 src

检查这个 plnkr https://plnkr.co/edit/S6KDo2crjMGASKtrToGo?p=preview

于 2016-07-11T08:54:57.280 回答