AngularJs動態更新$ http方法的URL

Question

因此，我正在嘗試在Angular中進行無限滾動。我的網頁上我想顯示的數據項正在由第三方API服務和URL看起來像：

http://example.com/item/data/?param=item&pagesize=100&page=1

現在我正在使用$ HTTP服務器成功ajax調用和我有創建一個指令，在滾動將加載更多的項目從網址。但我不能得到儘快更新URL，因爲我開始滾動我希望我的網址變成這樣：

http://example.com/item/data/?param=item&pagesize=100&page=1
http://example.com/item/data/?param=item&pagesize=100&page=2
http://example.com/item/data/?param=item&pagesize=100&page=3
http://example.com/item/data/?param=item&pagesize=100&page=4
....

不過每次我滾動網址就變成： http://example.com/item/data/?param=item&pagesize=100&page=1
http://example.com/item/data/?param=item&pagesize=100&page=1
http://example.com/item/data/?param=item&pagesize=100&page=1
http://example.com/item/data/?param=item&pagesize=100&page=1

這意味着頁面參數不會更新，或者即使它是S-HTTP從來沒有正確執行。有人可以告訴我如何更新$ http中的URL參數，該參數從參與者的API中提取數據。

代碼看起來大致類似如下：

var page = 1; 
     var url = 'http://example.com/item/data/?param=item&pagesize=100&page=' + page; 
     $http.get(url) 
      .success(function(data, status, config, headers) { 
       $scope.page = 1; 
       for (var i = 0; i < data.items.length; i++) { 
        $scope.totalTags = data.items; 
        $scope.page += 1; 

       } 

      $scope.loading = false; 
     }) 
      .error...//rest of the stuff 

Answer 1

的幾個問題與您的代碼：

• VAR頁和$ scope.page是兩個不同的變量;您使用前者來選擇$ http請求中的頁面，但不會增加它。這就是爲什麼你總是得到第1頁。
• 你的循環沒有做你想做的事情：你將數據替換一百次而不是將新數據附加到現有的集合，並且你增加了$ scope.page a百次而不是一次（但是你不使用$ scope.page，所以它什麼也不做，特別是當你每次檢索數據時都將它重新設置爲1）。

試試這個代碼片段，而不是：

$scope.page = 1; 
var url = 'http://example.com/item/data/?param=item&pagesize=100&page=' + $scope.page; 
$http.get(url) 
    .success(function(data, status, config, headers) { 
     for (var i = 0; i < data.items.length; i++) { 
      $scope.totalTags.push(data.items[i]); 
     } 
     $scope.page += 1; 
     $scope.loading = false; 
    }) 
    .error...//rest of the stuff 

Answer 2

單獨的URL和參數的功能，如何讓你的話，就使得它更容易更改您的參數。

var url="http://example.com/item/data/"; 
var params = { 
    param:"item", 
    pagesize:199, 
    page:page 
}; 
params.page = 2; 

$.get(url,params,function(data){});