JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app data-ng-controller="MyCtrl">
    <div data-ng-repeat="object in displayObjects">{{object.name}} - {{object.otherData1}}{{object.otherData2}}{{object.otherData3}}</div>
    {{test}}
</div>

JavaScript

function MyCtrl($scope, $timeout) {
    $scope.test = "";
    $scope.objects = [];
    for(var x = 0; x < 1000; x++){
        $scope.objects.push({name: x, otherData1: "asdfasdf", otherData2: "asdfasdf", otherData3: "asdfasdf"});   
    }    

    var currentIndex = 0;
    var step = 10;
    
    $scope.displayObjects = [];
    
    var interval = setInterval(function(){
       appendMore();
       $scope.$apply();
    }, 100);
    
    function appendMore(){
        if(currentIndex >= $scope.objects.length){ clearInterval(interval); }
        for(var x = currentIndex; x < currentIndex + step && x < $scope.objects.length; x++){
             $scope.displayObjects.push($scope.objects[x]);                        
        }
        currentIndex += step;
    }

}