ngSrc path resolves to a 404, angular directive to fallback to as default

Here’s the solution to 404 images.

HTML:

<img ng-src="{{something}}" err-src="/assets/images/defaultLogo.png" class="max-width"/>

Directive:

'use strict';

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