Angular: Empty Fiddle

http://angularjs.org/

by leeroy

HTML

<script src="http://code.angularjs.org/1.2.16/angular.min.js"></script>
<div ng-controller="MyCtrl">
  <img src-no-fail="http://www.google.com/images/srpr/{{'logo11w'}}.png">
</div>

JavaScript

var myApp = angular.module('myApp',[]);

myApp.directive('srcNoFail', function() {
    return {
        priority: 99,
        link: function(scope, element, attrs) {
            console.log(attrs.srcNoFail);
            scope.nbErrors = 0;
            
            element[0].onerror = function() {
                scope.nbErrors++;
                if(scope.nbErrors >= 4) { this.onerror = null; return; }
                
                var el = this;
                
                setTimeout(function() {
                    console.log('reload');
                }, 3000);
            };

            element[0].src = scope.imgSrc;
        }
    };
});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
}