在 $http.get 内部迭代

Question

我有这个代码块，每个请求显示 20 个项目。

.controller('MovieController',function ($scope,$http) {
    $scope.movies = $http.get(https://api.themoviedb.org/3/movie/popular&page=1)
        .then(
            function (response) {
                $scope.movies = response.data.results;
            }
       );
})

而不是page=

1，如果我输入page=2，我会得到另一组20个项目，依此类推。如果我想要一个页面中有多个 get 请求，如何在 $http.get 内部迭代？我想在显示第一个 20 个项目后显示第二个 20 个项目。

Answer 1

有一种经典的方法，可以将回调函数链接在一起以实现所需的结果。或者有更好的方法，它使用 $q.all((。您应该使用 $q.all 一次发送多个 http 请求

var reqAr = [];
for (var i = 0; i <= 1; i++) {
    reqAr.push($http.get("https://api.themoviedb.org/3/movie/popular&page=" + i))
}
$q.all(reqAr).then(function(response) {
    console.log(response[0].data) //page 1 content
    console.log(response[1].data) //page 2 content
    for(var j = 0; j < response.length; j++) {
       $scope.movies = $scope.movies.concat(response[j].data.results); 
    }
})