回覆承諾的承諾

Question

我對Angular很陌生，但我試圖找出一些東西。

我有它返回一個承諾的方法：

preloaderServiceObject.Load = function(referencePaths){ 
    var deferred = $q.defer(); 

    $(referencePaths).each(function(index, referencePath) { 
     var preloadedElement = document.createElement('img'); 
     { 
      preloadedElement.onload = deferred.resolve; 
      preloadedElement.src = referencePath; 
     } 
    }); 

    return deferred.promise; 
} 

這是所有工作的罰款，並不會造成問題。 不過，我確實有它應該會返回一個承諾的承諾完成調用之內，像這樣一種方法：

OfficeUIRibbonControlServiceObject.Initialize = function(configurationFile) { 
    $http.get(configurationFile) 
     .then(function (response) { 
      $rootScope.Tabs = response.data.Tabs; 
      $rootScope.ContextualGroups = response.data.ContextualGroups; 

      var images = JSPath.apply('.Groups.Areas.Actions.Resource', $rootScope.Tabs); 
      images.concat(JSPath.apply('.Tabs.Groups.Areas.Actions.Resource', $rootScope.ContextualGroups)); 

      PreloaderService.Load(images); 
     }); 
} 

最後一行PreloaderService.Load(images);不會返回如在這篇文章的第一個函數定義的一個承諾。

但是，現在我想調用方法'OfficeUIRibbonControlServiceObject.Initialize'，但我該如何更改此方法，以便可以等到PreloaderService的加載完成？

只是改變了方法返回的承諾將無法正常工作，因爲返回的對象是不確定的（因爲我在$ HTTP的then方法是。

親切的問候，

編輯：如所建議的通過魯比，使用一個承諾：

初始化函數：

OfficeUIRibbonControlServiceObject.Initialize = function(configurationFile) { 
    $http.get(configurationFile) 
     .then(function (response) { 
      $rootScope.Tabs = response.data.Tabs; 
      $rootScope.ContextualGroups = response.data.ContextualGroups; 

      var images = JSPath.apply('.Groups.Areas.Actions.Resource', $rootScope.Tabs); 
      images.concat(JSPath.apply('.Tabs.Groups.Areas.Actions.Resource', $rootScope.ContextualGroups)); 

      var deferred = $q.defer(); 
      PreloaderService.Load(images).then(function() { 
       deferred.resolve(); 
      }); 

      return deferred; 
     }); 
} 

的InitializeService方法：

function InitializeService(serviceInstance, configurationFile) { 
    serviceInstance.Initialize(configurationFile).then(function() { 
     console.log('This method has been called.'); 
    }); 
} 

這樣做的結果是，我得到：Error: serviceInstance.Initialize(...) is undefined

Answer 1

創建一個新的.Initialize推遲該得到解決，當第二.Load完成後，你就可以回到這個延遲是正常。

E.g.

PreloaderService.Load(images).then(function(){ newDeferred.resolve(); }, function(){ newDeferred.reject(); }); 

Answer 2

更好的回報承諾：

OfficeUIRibbonControlServiceObject.Initialize = function(configurationFile) { 
return $http.get(configurationFile) 
    .then(function (response) { 
     $rootScope.Tabs = response.data.Tabs; 
     $rootScope.ContextualGroups = response.data.ContextualGroups; 

     var images = JSPath.apply('.Groups.Areas.Actions.Resource', $rootScope.Tabs); 
     images.concat(JSPath.apply('.Tabs.Groups.Areas.Actions.Resource', $rootScope.ContextualGroups)); 

     return PreloaderService.Load(images); 
    }); 

}

當你現在所說的OfficeUIRibbonControlServiceObject.Initialize功能結果從PreloaderService.Load將被退回。

例如：

OfficeUIRibbonControlServiceObject.Initialize(// myConfiguration //).then (
    function success (response) { 
     console.log("promise success", response) 
    }, 
    function fail (error) { 
     console.log("promise fail", error) // the result from PreloaderService.Load 
    } 
); 

一般：你可以在.then函數返回值或承諾。當你返回一個承諾。該承諾的解析值將在解決承諾後返回