angular colorbox modal directive

xhrModal.js

var app = app || {};

/**
 * angular xhr modal directive
 * @param
 */

app.directive('xhrModal', ['$http','$compile',
  function ($http, $compile) {
    function compile (elem, cAtts) {
      var template,
          $element,
          loader;
      loader = $http.get(cAtts.template).success(function (resp) {
        template = resp;
      });

      return function (scope, elem, lAtts) {
        loader.then(function () {
          $element = $compile(template)(scope);
        });
        scope.close = function() {
          jQuery.colorbox.close();
        };
        scope.submit = function() {
          var result = scope.formSubmit();
          if (Object.isObject(result)) {
            result.success(function() {
              jQuery.colorbox.close();
            });
          } else if (result === false) {
            //noop
          } else {
            jQuery.colorbox.close();
          }
        };
        elem.on('click', function(e) {
          e.preventDefault();
          jQuery.colorbox({inline: true, href: $element});
        });
      }
    }

    return {
      scope: {
        formObject: '=',
        formErrors: '=',
        title: '@',
        template: '@',
        okButtonText: '@',
        formSubmit: '&'
      },
      compile: compile
    }
  }
]);