Show Default Load Image Till Image Is Fully Loaded From Server

src is default image

<img load-image="{{item.ImageURL}}" src="img/rolling.gif" />

Directive

app.directive('loadImage', function () {
    return {
        restrict: 'A',
        scope: { loadImage: '@' },
        link: function (scope, element, attrs) {
            element.one('load', function () {
                element.attr('src', scope.loadImage);
            });
        }
    };
});