picturefill directive to load default image onerror or handle of broken images #5
Description
I attempted to create a directive which can handle default image in the case of pf-src has broken image case. I couldn't make it... shall we have that directive as built in ? if already available how to implement it ?
Ex:
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="http://google.com/favicon.ico"