Question

这类似于问题17757654，但没有链接。

背景：
我有一个非常健谈的API，它会在每次按键时返回一些JSON，有时这些请求会以错误的顺序返回（按下非常快的按键）。链接承诺似乎是一个合理的解决方案，但我想知道是否有一个很好的方法来解决这个没有链接？（并且不知道有关请求/消息的任何细节）

我在这里写了一个使用超时的例子：http://jsfiddle.net/zakGh/

及以下，

var myModule = angular.module('myModule', []);
myModule.factory('HelloWorld', function ($q, $timeout) {

    var getSlowFirstMessage = function () {
        var deferred = $q.defer();

        $timeout(function () {
            deferred.resolve('Slow First Message');
        }, 2000);

        return deferred.promise;
    };

    var getFastSecondMessage = function () {
        var deferred = $q.defer();

        $timeout(function () {
            deferred.resolve('Fast Second Message');
        }, 1000);

        return deferred.promise;
    };

    return {
        getSlowFirstMessage: getSlowFirstMessage,
        getFastSecondMessage: getFastSecondMessage
    };

});

myModule.controller('HelloCtrl', function ($scope, HelloWorld) {

    $scope.messages = [];

    HelloWorld.getSlowFirstMessage().then(function (message) {
        $scope.messages.push(message);
    });

    HelloWorld.getFastSecondMessage().then(function (message) {
        $scope.messages.push(message);
    });

});

<body ng-app="myModule" ng-controller="HelloCtrl">
     <h1>Messages</h1>

    <ul>
        <li ng-repeat="message in messages">{{message}}</li>
    </ul>
</body>

Answer 1

我在这里找到的异步库中使用了Queue：https://github.com/caolan/async#queue

如果将并发性设置为1，那么它只会将所有这些内容串联起来。查看示例

myModule.controller('HelloCtrl', function ($scope, HelloWorld, $timeout) {

$scope.messages = [];   

var q = async.queue(function (task, callback) {
    task().then(function(message){
        $timeout(function(){
            $scope.messages.push(message); 
            callback();
        });
    });
}, 1);


// assign a callback
q.drain = function() {
    console.log('all items have been processed');
}

// add some items to the queue

q.push(HelloWorld.getSlowFirstMessage, function (err) {
   console.log('finished processing slow');
});
q.push(HelloWorld.getFastSecondMessage, function (err) {
   console.log('finished processing fast');
});

});

这是工作小提琴：http://jsfiddle.net/zakGh/4/

Angular JS：按顺序处理承诺（不带链接）

1 个答案: