Http 响应被先前的调用响应覆盖

Question

我列出了每个带有复选框的列表。选择复选框会导致 3 个不同的休息调用，并且响应与该列表的 HTML 绑定。如果用户点击多个复选框真的很快，那么后面调用的响应会覆盖前面调用的响应。（前面的调用仍在播放响应，后面的调用已经覆盖了前面的调用）

例如，如果我真的很快地检查了 6 个复选框，那么对于其余的一些调用，响应可能不会被执行。

getRequestRecords: function(obj) {
                return $http({
                    url: $serverPath + '/alumCenter/notifications/request/' +obj',
                    method: "GET"
                });
            },
$scope.singleSelectSet=function(obj){
   myService.getRequestRecords(obj).then(function(response){
       $scope.myVar=response;
          // do lots of things
        });
}

<div ng-repeat="obj in flats track by $index">
<input type="checkbox" class="selectable" ng-click="singleSelectSet(obj)" ng-checked="showChecked($index)" aria-label="{{:: 'common.slideout.aria.slatSelectCheckboxLabel' | i18n }}">
</div>

Answer 1

是否可以选择使用数组并将响应推送到它上面？这样您就不会覆盖 $scope 中的变量。

$scope.myVar = [];

myService.getRequestRecords().then(function(response){
    $scope.myVar.push(response);
    // do lots of things
});

根据我的评论，$q.all 的使用示例：

// on check, wait for your three calls to be complete
// before triggering the callback
$scope.singleSelectSet=function(obj){
    var queue = [
        myService.getRequestRecords(),
        myService.getOtherRequest(),
        myService.getLastRequest()
    ];

    $q.all(queue).then(function(response){
        var responseRequestRecords = response[0],
            responseOtherRequest = response[1],
            responseLastRequest = response[2];
        // do lots of things
    });
}

记得在你的控制器中注入 $q。