angularJS$q--停止执行以等待所有promise

Question

我有一个问题，我无法通过谷歌搜索找到解决方案。

我有一个库，我正在使用它（不想编辑，除非真的有必要），它允许用户选择一个项目，然后调用我的自定义回调函数来修改该项目，然后继续使用它。

我需要在上面执行一些异步任务，这可能需要一些时间。这将创建一个竞争条件，因为当回调函数完成时，我的异步任务尚未完成，并且库继续其对项的工作。

library.onItemSelectionCallback = function (item) {

    myService.modifyItem(item).then(
        function (modifiedItemProperty) {
            item.newProperty = modifiedItemProperty;
        });
    myService.anotherModifyItem(item).then(
        function (modifiedItemProperty) {
            item.existingProperty = modifiedItemProperty;
        });
}

如何等待我的两个异步任务完成，然后允许这个回调完成？

我唯一能想到的就是每隔大约100毫秒html" target="_blank">循环一次while和sleep，直到这两个promise都得到解决，但这似乎不是一个很好的解决方案。

编辑：我知道我冒着删除问题的一般性质，从而使其过于本地化的风险，我会说我正在尝试使用angular file upload module，特别是，尝试挂载一个定制的imageService，它将在上传图片之前调整图片的大小。我正在onBeforeUploadItem回调上挂载它。这个想法是创建调整大小的图像可能需要一段时间，这就是为什么我需要从我的imageService返回一个promise，这需要在上传之前解决。

Answer 1

对于我问题的第一部分——是的，我想真正等待这两个promise得到解决的唯一方法是使用while和sleep，使它们同步，这可能会起作用，甚至不会那么糟糕（除了站点暂停直到请求得到满足），但这会让我对自己作为一个人以及我的行为如何影响这个世界感到非常、非常糟糕。

如果没有黑客，就不可能正确地混合回调和promise。

对于我问题的第二部分——根据@georgeawg的评论，我认为实现HTML5API和回调而不是$http服务和promise的AngularJS模块并不是一个好的AngularJS模块应该如何实现，因此我转向了另一个模块ng文件上传，尽管有人可能会说它不那么时髦，但它做得很好，而且角度也很好（ng file upload提供了一个简单的$upload服务，这是一个promise。如果你想在上传之前修改文件，建议的方法是只需$watch，然后抓住用户拖放或选择文件的瞬间。）。

Answer 2

如果修改项和另一个ModifyItem独立工作（也就是说，一个不依赖另一个），您可以将它们都导入$q.all，例如

library.onItemSelectionCallback = function(item) {
    var promises = {
        newProperty: myService.modifyItem(item),
        existingProperty: myService.anotherModifyItem(item)
    };

    return $q.all(promises).then(function(values) {
        return angular.extend(item, values);
    });
}

这将返回一个与项解析的promise。