Angular directive to replace '404' image with default image

defaultImage.directive.js

angular
	.module('app')
	.directive('defaultImage', defaultImage);

function defaultImage() {
	var directive = {
		link: link,
		restrict: 'A'
	};
	return directive;

	function link(scope, element, attrs) {
		element.bind('error', function() {
			element.attr('src', attrs.defaultImage);
		})
	}
}

sample.html

<img ng-src="{{photo.profile}}" default-image="https://instagramimages-a.akamaihd.net/profiles/anonymousUser.jpg">