gistfile1.js

(function (window) {
    'use strict';

    function ReferenceSelector(ReferenceSvc, $compile) {
        var directive = {
            restrict: 'E',
            replace: true,
            scope: {
                model: '=xgModel'
            },
            template: '<select ng-options="a.id as a.displayText for a in options" ng-model="model"></select>'
        };

        directive.link = function (scope, element, attrs) {
            ReferenceSvc.get(attrs.refType, function (data) {
                scope.options  = data;
            });
        }

        return directive;
    }

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

gistfile2.html

<reference-selector ref-type="ProfileMaritalStatus" xg-model="profile.maritalStatusId" />