加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS承诺数组

发布时间:2020-12-17 07:12:48 所属栏目:安全 来源:网络整理
导读:任何人都可以帮我一些Angular的承诺吗?我有以下函数应该接受一个文件对象数组,迭代它们,并上传每一个.在每次迭代期间,promise对象被推送到promises数组.在我的上传函数中,我有一个附加.then()的循环函数,在所有promise对象都已解析之前不应该调用它.我认为
任何人都可以帮我一些Angular的承诺吗?我有以下函数应该接受一个文件对象数组,迭代它们,并上传每一个.在每次迭代期间,promise对象被推送到promises数组.在我的上传函数中,我有一个附加.then()的循环函数,在所有promise对象都已解析之前不应该调用它.我认为我的代码看起来是正确的,但它无法正常工作.图像上传,但是立即调用循环(文件).then(),而不是一旦promises数组结算.

function upload(files) {
    var uploadCount = files.length;
    function cycle(files) {
        var promises = [];
        for (var i = 0; i < files.length; i++) {
            var deferred = $q.defer();
            promises.push(deferred);
            var file = files[i];
            Upload.upload({
                url: '/photos.json',file: file
            }).success(function(){
                $scope.progressCurrentCount += 1;
                deferred.resolve();
            });
        };
        return $q.all(promises);
    };

    cycle(files).then(function(result) {
        if(uploadCount > 1) {
            $scope.lastAction = 'uploaded ' + uploadCount + ' photos';
        } else {
            $scope.lastAction = 'uploaded ' + uploadCount + ' photo';
        }
        $scope.showSuccessModal = true;
        $scope.uploading = false;
        $scope.failedUploads = [];
        $scope.newPhotos = {
            token: $scope.token,files: undefined
        };
        photoUploadBtn.removeClass('disabled');
    })
};

最终工作代码*

而不是设置var deferred = $q.defer();将deferred.promise推入promises数组,然后在我的.success()回调中解析延迟,这不起作用,我只是将我的Upload.upload()函数推送到promises中而没有.success()回调,然后传递到$q.all(),它完成所有提升.

function upload(files) {
    var uploadCount = files.length;
    function cycle(files) {
        var promises = [];
        for (var i = 0; i < files.length; i++) {
            var file = files[i];
            var promise = Upload.upload({
                url: '/photos.json',file: file
            });
            promises.push(promise);
        };
        return $q.all(promises);
    };

    cycle(files).then(function(result) {
        if(uploadCount > 1) {
            $scope.lastAction = 'uploaded ' + uploadCount + ' photos';
        } else {
            $scope.lastAction = 'uploaded ' + uploadCount + ' photo';
        };
        $scope.showSuccessModal = true;
        $scope.uploading = false;
        $scope.failedUploads = [];
        $scope.newPhotos = {
            token: $scope.token,files: undefined
        };
        photoUploadBtn.removeClass('disabled');
        getPhotos(q);
    })
};

解决方法

你必须将promise,而不是deferred,推送到promises数组:

promises.push(deferred.promise);

如果您这样考虑它会有所帮助:

> promise是您想要返回给消费者的只读对象> deferred是该只读承诺的修饰符,您希望自己保留它

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读