Replace a 404 Image with a default image in Angular

noImageReplace.html

<img ng-if="product.image" ng-src="{{product.image}}" alt="{{product.name}}" onerror="angular.element(this).scope().product.image = false">
<img ng-if="!product.image" ng-src="http://placehold.it/{{vm.image.width}}x{{vm.image.height}}" alt="{{product.name}}">