$ q.all用angularjs中的循环创建动态promise

Question

我想创建一个包含第二个诺言的循环，因此每当它在我的循环中通过时，都会创建一个新的诺言：

var promise1 =   $http({
    method: 'GET',
    url: "https://cubber.zendesk.com/api/v2/organizations/"+id+"/users.json",
    dataType: 'json',
    headers: {'Content-Type': 'application/json',
    'Authorization': 'Bearer '+token}

});

var promise2 = promise1.then(function(data) {
    console.log(data);
    for(i = 0; i < data.data.users.length; i++){
            console.log(data.data.users.length);
        var userid = data.data.users[i].id;
            console.log(userid);

       return $http({
            method: 'GET',
            url: "https://cubber.zendesk.com/api/v2/users/"+userid+"/tickets/requested.json",
            dataType: 'json',
            headers: {'Content-Type': 'application/json',
                'Authorization': 'Bearer '+token}

        })
    }
});

$q.all([promise1, promise2]).then(function(data){
    console.log(data[0].data.users, data[1]);
});

在这段代码中，环路不工作，因为promise2只返回一个结果。

你能帮我吗？

Answer 1

将您的代码更多地看作是您要触发的一系列事件。 忘记同步-忘记逐行透视图。

在这种情况下，我们将触发第一个http请求。 然后，作为对请求的响应，我们触发一堆userid http请求，并建立返回的Promise的数组列表。

然后，使用$ q.all，我们对所有这些promise做出回应，并进行控制台日志。

var promise1 =   $http({
    method: 'GET',
    url: "https://cubber.zendesk.com/api/v2/organizations/"+id+"/users.json",
    dataType: 'json',
    headers: {'Content-Type': 'application/json',   'Authorization': 'Bearer '+token}

});

promise1.then(function(data) {
    var allQ = [];
    var allData = [];
    console.log(data);
    for(i = 0; i < data.data.users.length; i++){
            console.log(data.data.users.length);
        var userid = data.data.users[i].id;
            console.log(userid);

       allQ.push( $http({
            method: 'GET',
            url: "https://cubber.zendesk.com/api/v2/users/"+userid+"/tickets/requested.json",
            dataType: 'json',
            headers: {'Content-Type': 'application/json',
                'Authorization': 'Bearer '+token}

        }).then( function(data){ allData.push( data)} ) );
    }
    $q.all(allQ).then(function(data){
        //You will probably want to iterate allData
        console.log( allData);
    });
});