zoukankan      html  css  js  c++  java
  • $q.all() 的异步处理问题

    html:

    <div ng-app>
      <div ng-controller="PromiseCtrl">
          {{result}}
      </div>
    </div>

    js:

    function PromiseCtrl($scope, $q, $timeout) {
        // Our promise function with its delay as argument
        var getPromise = function(delay) {
            // Creates a Deferred object
            var deferred = $q.defer();
                           
            $timeout(function() {
                // Resolve the promise at the end of the delay if said delay was > 0
                if(delay > 0) {
                    deferred.resolve("Success");
                } else {
                    deferred.reject("Fail");
                }
            }, delay);
            
            // The promise of the deferred task
            return deferred.promise;
        };
        
        // Init
        $scope.result = "Waiting";
        
        /*
         * Combines multiple promises into a single promise
         * that will be resolved when all of the input promises are resolved
         */
        $q.all([
                getPromise(1000),
                getPromise(2000),
                getPromise(3000) // <--- Try something less than 0
            ]).then(function(value) {
            // Success callback where value is an array containing the success values
            $scope.result = value;       
        }, function(reason) {
            // Error callback where reason is the value of the first rejected promise
            $scope.result = reason;
        });
    }

    输出:["Success","Success","Success"]

    $scope.falseList = [];
    angular.forEach($scope.uploadDataList, function(value,index){
        $scope.uploadData = value;
        $scope.uploadData.name = $scope.IPSUser.name;
        $scope.uploadData.part = inds;
    
        var requests = [];
        requests.push($http.post($scope.URL+"zhuanlistatus/addZhuanliStatus",$scope.uploadData));
        $q.all(requests).then(function(value) {
            console.log("value",value);
            // Success callback where value is an array containing the success values
            if(value[0].data.result){
                if(index == $scope.uploadDataList.length-1) {
                    layer.alert("通知书添加成功",{time:2000});
                    ngDialog.closeAll();
                }
            }else{
                $scope.falseList.push(value[0].config.data);
                ngDialog.closeAll();
                if(index == $scope.uploadDataList.length-1) {
                    ngDialog.open({
                        template: 'html/maintain/falseListPage.html',
                        className: 'ngdialog-theme-plain',
                         '40%',
                        scope: $scope,
                        cache: false
                    });
                }
            }
        }).catch(function(err) {
            // Error callback where reason is the value of the first rejected promise
            layer.alert(err);
        });
    },$scope.falseList);

    参考文章:

    1、http://jsfiddle.net/jsengel/mc3p01nb/

    2、https://blog.csdn.net/shidaping/article/details/52398925

    3、https://www.cnblogs.com/angel1254/p/6603411.html

  • 相关阅读:
    [ZT]SAP ECC5.0 Working Log TO 2008.5.26
    VS错误:Lc.exe 已退出错误 返回代码 1
    如何实现两个数据库的同步?
    sp_configure 'max server memory'
    [轉]中国油价世界最高 是美国7倍!
    C#WinForm App自动更新(Live Update)架构
    利用批處理自動在異地備份數據庫
    18种根据屏幕字段查找潜在数据的技巧
    [ZT]2008年到校园招聘各企业待遇曝光
    吉祥物由于具有商业气息,所以历届奥运会吉祥物都没有出场。
  • 原文地址:https://www.cnblogs.com/miny-simp/p/9156060.html
Copyright © 2011-2022 走看看