AngularJS image onload directive

ng-image-onload.js

app.module['myApp'].directive('imageOnload', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('load', function() {
                // call the function that was passed
                scope.$apply(attrs.imageOnload);
                
                // usage: <img ng-src="src" image-onload="imgLoadedCallback()" />
            });
        }
    };
});