AngularJS Foreach 不等待

Question

我正在使用 angularjs 尝试将多个文件上传到我的共享点 API，所以我做了什么我使用带有 $q.all 的 foreach 语句来等待所有内容完成上传，但不知何故，我的代码在第一次上传时已经被认为已解决文件。

factory.UploadFilesByBatch = function(arrayBuffer, folderName) { var 承诺 = [];

    angular.forEach(arrayBuffer, function(item) {
        // factory.GetFormDigest().then(function(data) {
        var deferred = $q.defer();
        // promises.push(deferred);

        console.log("UploadFilesByBatch Try - " + item.fileName + "Uploading")
        $http({
            url: webUrl + "web/getfolderbyserverrelativeurl('" + folderLocation + "')/files/add(overwrite=true, url='" + item.fileName + "')",
            method: "POST",
            headers: {
                "Accept": "application/json;odata=verbose",
                "X-RequestDigest": xrequestDigest,
                "content-Type": "application/json;odata=verbose"
            },
            data: item.fileBuffer,
            transformRequest: []
        }).then(function(result) {
            console.log("UploadFilesByBatch Success - " + item.fileName + "Uploaded")
            item.sharepointFileLocation = result.data.d.ServerRelativeUrl;
            deferred.resolve(item);

        }, function(result, status) {
            console.log("UploadFilesByBatch Error - " + item.fileName + "Failed")
            console.log(JSON.stringify(result))
            deferred.reject(result);
        });
        promises.push(deferred);

        // })

    })
    return $q.all(promises);

};

Answer 1

您没有完全正确地使用 $q.all。您想将实际的承诺推入您的承诺数组中。您还希望摆脱所有延迟的东西，$http 调用已经是一个承诺，因此您可以将它直接推送到您的承诺数组中。

你想做的不是promises.push(deferred);

promises.push($http({
                url: webUrl + "web/getfolderbyserverrelativeurl('" + folderLocation + "')/files/add(overwrite=true, url='" + item.fileName + "')",
                method: "POST",
                headers: {
                    "Accept": "application/json;odata=verbose",
                    "X-RequestDigest": data.d.GetContextWebInformation.FormDigestValue,
                    "content-Type": "application/json;odata=verbose"
                },
                data: item.fileBuffer,
                transformRequest: []
            })
);

这会给你留下一系列的承诺。然后您可以使用$q.all(promises) 来迭代结果，如下所示：

$q.all(promises).then(function(promiseResults) {
  // promiseResult is an array of the return values from the $http request in the order they were pushed into the promises array
  angular.forEach(promiseResults, function(result, resultIndex) {
    // Whatever you wanted to do to each result here
  });
}