角延迟自定义指令的链接功能

Question

我有简单的自定义指令，检查并设置其元素href。 但我需要检查与从服务器（异步）加载的数据的href，以确保用户有权访问该链接（ACL的种类）。

那么我怎么能延迟链接功能的工作，直到这个数据完成加载？

Answer 1

好吧，我煮东西为我自己，感谢任何指针改进它， 我做了一个gist

angular.module('myModule') 
    .factory('dataLoader', ['$http', function ($http) { 
     var __list = null; 
     var __request = null; 
     return function (callbak) { 
      if (__list) 
       callbak(__list); 
      else { 
       if (!__request) 
        __request = $http({ 
         method: 'GET', 
         url: '/myurl', 
         params: {} 
        }); 

       __request.success(function (d) { 
        if (d.data) { 
         __list = d.data; 
         callbak(__list); 
        } 
       }); 
      } 
     } 
    }]) 
    .directive('myDirective', ['dataLoader', function (dataLoader) { 
     return { 
      restrict: "A", 
      compile: function (scope, element, attrs) { 
       return function (scope, element, attrs) { 
        dataLoader(function (acl) { 
         console.log(acl.length); 
         var href = attrs.myDirective; 
         if (href) { 
          if (href[0] != '#') 
           href = '#' + href; 

          element.attr('href', href); 
         } 
        }); 
       }; 
      } 
     }; 
    }]);