2014-03-19 3 views
0

에서 함수를 호출하면 간단한 Angular.js 코드입니다 : 내가 여기에 자신의 데모에서 http://binarymuse.github.io/ngInfiniteScroll/다음 Angular.js 컨트롤러

http://binarymuse.github.io/ngInfiniteScroll/demo_basic.html 그들이 사용하는 무한 스크롤을 구현하기 위해 노력하고

XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) { 
    console.log('Step 1'); 
    var Obj = new Object(); 

    Obj.PAGEINDEX = 1; 
    Obj.PAGESIZE = 25; 
    Obj.SPNAME = "index_get_products"; 
    Obj.PAGECOUNT = null; 
    Obj.COUNTRYCODE = 'in' 

    $scope.data = GetProductsForIndex.query({ parameters : Obj }, function() { 
     console.log($scope.data); 
     $scope.products = $scope.data; 
    }); 

}) 


XApp.factory('GetProductsForIndex', function ($resource) { 
    console.log('Step 2'); 
    return $resource('api/index/:object?type=json', {}, { 'query': { method: 'GET', isArray: true } }); 
}); 

loadMore() 함수 호출.

$scope.data = GetProductsForIndex.query({ parameters : Obj }, function() { 
      console.log($scope.data); 
      $scope.products = $scope.data; 
     }); 

그리고 난 그렇게 생각하고 어떻게 1로 pageIndex Obj.PAGEINDEX = 1를 증가 : 내 경우

내가 스크롤에서 다음을 실행 하시겠습니까? 오늘은 내 3 일째 Angular.js입니다.

답변

1

당신은, 컨트롤러 내부

XApp.controller('ProductsController', function ($scope, GetProductsForIndex, $http) { 
    function loadData($scope, obj){ 
      $scope.products.push(GetProductsForIndex.query({ parameters : Obj }, function()      {   

      })); 
    } 

console.log('Step 1'); 
    var Obj = new Object(); 
    $scope.products=[]; 
    Obj.PAGEINDEX = 1; 
    Obj.PAGESIZE = 25; 
    Obj.SPNAME = "index_get_products"; 
    Obj.PAGECOUNT = null; 
    Obj.COUNTRYCODE = 'in' 

    loadData($scope, Obj); 
}) 
+0

덕분에이 같은 loadMore 기능을 구현해야합니다, 그것은했다. – Monodeep