返回一个承诺的承诺

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;
}

这一切正常，不会导致问题。 但是，我确实有另一种方法应该在 promise 的完成调用中返回一个 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 方法中。

亲切的问候，

编辑：按照 Rouby 的建议，使用承诺：

初始化函数：

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

最好兑现承诺：

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 函数中返回值或承诺。当你回报一个承诺。该承诺的解析值将在该承诺解决后返回

Answer 2

在 .Initialize 中创建一个新的 deferred，它会在第二个 .Load 完成时得到解决，然后您可以正常返回这个 deferred。

例如

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