Image Fallback Source for Angular JS

fallback-src.js

/**
 *  App Directive: fallback-src
 * -----------------------------
 * This directive is being used along with <img> to set the src to default if incase the remote image isn't found.
 * 
 * Usage: <img fallback-src="your-path-here" ng-src="to-remote-path" />
 */
(function () {

    'use strict';

    angular.module('app.directives')
           .directive('fallbackSrc', fallbackSrc);

    /**
     * Nav Tab Menu
     */
    function fallbackSrc(NG_PATH) {
        return {
            link: function (scope, ele, attrs) {
                ele.bind('error', function () {
                    // angular.element(this).attr('src', attrs.fallbackSrc);
                    attrs.$set('src', attrs.fallbackSrc);
                });
            }
        };
    }

}());