I have encountered some performance issues while using socket.io with the ng-repeat directive in Angular. The application slows down significantly when receiving a large amount of data from the backend, making it impossible to interact with the app. What would be the most effective way to handle a large list using ng-repeat, with an assumption of receiving 1000 messages per minute?
ctrl.js
$scope.messages = [];
socket.on('ditConsumer', function(data) {
var obj = {
file: $scope.filename,
data: data
}
$scope.messages.push(data);
}
main.html
<ul style="list-style: none;">
<li ng-repeat="message in messages track by $index" ng-class="{lastItem: $last}"><span><strong>Log:</strong></span><span>{{message}}</span></li>
</ul>