AngularJS jqliteで破損したURLが存在しない場合、破損したimg urlをデフォルトに置き換えます。

Question

AngularJSのjqlite attr()で破損したURLが存在しない場合、すべての破損したimg urlをデフォルトに置き換えます。私はこのように使用しますが、動作しません。

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'"); 
}) 

正しいスクリプトは何ですか。

Answer 1

あなたは既にそれを行うライブラリを持っています。

チェックangular-fallback-srcとangular-img-fallbackです。

Answer 2

は

は、次のオプションを試すことを解決するために、いくつかの方法があります

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()"/> 

このplnkr https://plnkr.co/edit/S6KDo2crjMGASKtrToGo?p=preview