関数が呼び出されるたびに、配列内の要素をどのようにプッシュできますか？

Question

私は無限のスクロールを実装しています。私は$http.get()メソッドからデータを取得する配列hotelsを持っています。新しいarrayという名前のhotelsNew[]に値hotelsの値を設定したいとします。しかし、私はhotelsNewの値を増やしてmとjの値を押したいと思います。

loadMore()が呼び出されるたびに、mとjの値を更新（増分）する必要があります。 mの初期値は0で、jは5です。loadMore()が呼び出されると、mは5になり、jは10となります。

$http.get()が非同期であるため、mとjの値をどこに保存することはできません。 mとjの値を保存し、loadMore()が再び呼び出されたときに再利用する方法はありますか？最大jの値は40です。m = j（40）のときは停止します。

ここに私のコントローラコードです。

$scope.loadMore = function() { 
     $http.get(url).success(function(data, status, headers, config) { 
     if(data) { 
      $scope.hotels = data.hotels; 
      for(var i = m; i < j; i++) { 
       console.log('i=',i); 
       $scope.hotelsNew.push($scope.hotels[i]); 
       console.log('hotelsNew',$scope.hotelsNew); 
      } 
     } 
    } 

どのように私はmとj値をインクリメントすることができますか？任意のアイデアを？

Answer 1

を避けるために約束を使用あなたのコントローラにローカル変数を作成することができます。

var m = 0, j = 5; 
$scope.loadMore = function() { 
    $http.get(url).success(function(data, status, headers, config) { 
     if(data && j < 40) { 
      $scope.hotels = data.hotels; 
      for(var i = m; i < j; i++) { 
       console.log('i=',i); 
       $scope.hotelsNew.push($scope.hotels[i]); 
       console.log('hotelsNew',$scope.hotelsNew); 
      } 
      m += 5; 
      j += 5; 
     } 
    } 
} 

Answer 2

アレイをプッシュするための例を参照してください

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 

fruits.push（ "キウイ"）。

$ S = Array.sizeof（$データ）を使用して、データの

GET長

for($i<0;$i<=$s;$i++){//task here} 

Answer 3

mとjずつ同じ場合は非同期呼び出し

$scope.loadMore = function() { 
    $http.get(url).then(function(data) { 
    if(data) { 
     $scope.hotels = data.hotels; 
     for(var i = m; i < j; i++) { 
      console.log('i=',i); 
      $scope.hotelsNew.push($scope.hotels[i]); 
      console.log('hotelsNew',$scope.hotelsNew); 
     } 
    } 
}