javascript - Ng-repeat rendering entire list from the beginnning after appending items to it -




i implementing infinite-scrolling using angular. when user reaches end of scroll, new data fetched using ajax call, , appended existing list. here relevant code:

function gets called on successful completion of ajax call:

function successcallback(data){      var scope = angular.element($("#splistroot")).scope();      scope.$apply(function(){       if(scope.providerslist === null) {            scope.providerslist = []; /* init if null */         }          array.prototype.push.apply(scope.providerslist, json.parse(data.serviceproviderlist));         scope.servicename = data.category;         scope.limit += search_limit;         viewtobedisplayed(list_view);      })      setevents();      if (a.onscreen(listenddiv,10)) {           getmoredataend();      }   } 

html part:

<div id="spn-service-provider-list">     <div ng-repeat="providerslist in ( filteredproducts = ( providerslist | filter:{ providername: spsearch } | filter:{ citiesservicing: locationsearch }:ignorenullcomparator ))  | orderby: 'rank' | limitto: limit" >     ......     ....... 

the problem facing ng-repeat rendering entire list starting, each time successcallback() called. want show appended data, websites do. there solution this?

thanks!





wiki

Comments

Popular posts from this blog

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -

Asterisk AGI Python Script to Dialplan does not work -