javascript - Angular infinite scroll + deckgrid ng-repeat render cards only on newly fetched data -

i using deckgrid in conjunction custom built infinite scroller load continuous stream of photos in angular laid out in masonry layout. data set returned each time quite large , had noticed deckgrid calls quick-ng-repeat on data set generate cards. deckgrid places watchcollection on data set when data set changes (triggered appending data data set when user scrolls bottom), ng-repeat re render in data set (old , new data alike).

unfortunately, re rendering each card extremely expensive given size of data set , other post processing application has do. want able leave rendered cards , render new cards newly fetched data. in other words there way ng-repeat un bind on elements have been rendered?

we had add track $index deckgrid directive. rendered new dom elements.

https://docs.angularjs.org/api/ng/directive/ngrepeat