Angular directive to hide grandparent of '404' image

hideImage.directive.js

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

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

	function link(scope, element, attrs) {
		element.bind('error', function() {
			element.parent().parent().css({'display': 'none'});
		})
	}
}

sample.html

<div ng-repeat="photo in event.photos">
		<a ng-href="{{photo.link}}" target="_blank" title="{{photo.text}}"><img ng-src="{{photo.img}}" hide-image id="image"></a>
</div>