gistfile1.js

(function (window) {
    'use strict';

    function ReferenceSelector(ReferenceSvc, $compile) {
        var directive = {
            restrict: 'A',
            replace: false,
            transclude: true,
            require: '^?ngModel'
        };
        
        directive.link = function (scope, element, attrs, ngModel) {
            ReferenceSvc.get(attrs.type, function (data) {
                scope.options  = data;
            });
            
            if(ngModel && attr.type)
            {
                ngModel.$parsers.push(function(viewValue)
                {
                    return scope.options[viewValue];
                })
            }
            
            $(element).attr('ng-options', 'a.id as a.displayText for a in options');
            
            $compile($(element).contents())(scope, function(cloned, _scope)
            {
                element.replace(cloned);    
            });
            
        }

        return directive;
    }

    window.app.directive('referenceSelector', ['ReferenceSvc', '$compile', ReferenceSelector]);
})(window);