scopeSrc.js

gistfile1.txt

(function () {
    'use strict';

    var componentName = 'scopeSrc';

    angular
        .module('mixins.' + componentName, [])
        .directive(componentName, [
            '$http',
            '$parse',
            function ($http, $parse) {

                function hideElement(element, hide) {
                    element.get(0).style.visibility = hide ? 'hidden' : 'visible';
                }

                return {
                    restrict: 'A',
                    link: function (scope, element, attrs) {
                        var targetScope = element.isolateScope() || element.scope(),
                            transform = attrs.scopeSrcTransform;

                        if (!targetScope) {
                            throw '$compile.debugInfoEnabled() must be true';
                        }

                        hideElement(element, true);

                        $http
                            .get(attrs[componentName])
                            .then(function (response) {
                                var scopeData = response.data;

                                if (transform) {
                                    scopeData = scope.$eval(transform)(scopeData);
                                }

                                angular.extend(targetScope, scopeData);

                                hideElement(element, false);
                            })
                        ;
                    }
                };
            }
        ])
    ;
})();

/* Example

    <poor-calls-card scope-src="/api/operations-dashboard/card?callType=WirelessInternal"
                     scope-src-transform="poorCallList.transformPoorCallCard"></poor-calls-card>

    poorCallList.transformPoorCallCard = function (data) {
        var poorCallsCard = data.poorCallsCard;

        poorCallsCard.iconIndicators = [
            {
                iconClass: 'fa-exclamation-triangle',
                value: poorCallsCard.levelCurrent
            }, {
                iconClass: 'fa-line-chart',
                value: poorCallsCard.levelVolume
            }
        ];

        delete poorCallsCard.levelCurrent;
        delete poorCallsCard.levelVolume;

        return data;
    };                     
                     
*/