Angularjs. How to remove variables from scope and still leave layout?

Question

JavaScript

Greetings.
Let's say we have a chat in Angular.
Messages are stored in the $scope.messages array. Let the maximum size of this array be 100 messages. Is it possible to replace the old messages in the array with the new ones so that users can see the old messages as well. That is, old messages should not be removed from the DOM.

Answer 1

Yes, you can write your own directive that implements this behavior. Another question is why? Usually the problem is not the number of array elements, but the number of DOM elements.

Answer 2

It seems to me that this is against the concept of angular. It's probably better to mark some messages in $scope.messages as new, adding them to the old ones.