如何在angularJS中为嵌套的for循环实现nginfiniteScroll

时间:2018-08-07 08:26:19

标签: angularjs

我立即获取整个后端数据,并在迭代过程中对数据进行迭代,即调用另一个API,这会将一些信息添加到第一个迭代对象中并将其推入另一个Array

      $scope.pdetails=[];
      propertyService.getPropertyData().success(function(ProObj){ // whole data from backend
        $scope.pdetails=ProObj;

         ProObj.forEach(function(PhotoId){
           var photos=[];
           PhotoId.photosId.forEach(function(Pid){
             profileService.fetchProfileImage(Pid)  //calling another API here
           .success(function(image){

             photos.push(image);
           })
           })
           ProObj.photos=photos;
           $scope.pdetails.push(ProObj); //final Array
         })

       })

In Application在视图上花费了很长时间显示内容,因此 我想使用nginfiniteScroll每次滚动加载5个对象怎么做,任何人都可以帮助我

1 个答案:

答案 0 :(得分:0)

 $scope.pdetails=[];
  propertyService.getPropertyData().success(function(ProObj){ 
    $scope.pdetails=ProObj;

     angular.forEach(ProObj,function(key,PhotoId){
     if(key<4){
       var photos=[];
         angular.forEach(PhotoId.photosId,function(key,Pid){
         profileService.fetchProfileImage(Pid)
          .success(function(image){
         photos.push(image);})
       })
       ProObj.photos=photos;
       $scope.pdetails.push(ProObj);
     })
   }
   })