I created a table with `ng-repeat` on `tr` elements with 1.000 records.
When I filter down the table element by changing the item on which the `ng-repeat` is bind to, there is a strange behavior when clearing the table.

For the purpose of this question, I have minimized my call to its simplest expression.

This is my `Typescript` code loading 1.000 data when clicking on button load and loading only 1 record when clicking on the reset button.

```
SearchFilters = () => {
    this.dataSEJLABELCurrent = [];
    for (var i = 0; i < 1000; i++) {
        this.dataSEJLABELCurrent.push({ SEJCOD: "sej" + i, ADMDAT: "19650521", ADMHEU: "72800", SORDAT: "19650521", SORHEU: "72800", PATCOD: "35", PATPRE: "j" + i, PATNOM: "n" + i, NAIDAT: "19650521" });
    }
}

ResetFilters = () => {
    var i = 0;
    this.dataSEJLABELCurrent=[{ SEJCOD: "sej" + i, ADMDAT: "19650521", ADMHEU: "72800", SORDAT: "19650521", SORHEU: "72800", PATCOD: "35", PATPRE: "j" + i, PATNOM: "n" + i, NAIDAT: "19650521" }];

}

```

This is my HTML page with `ng-repeat`:

```
<tbody>
    <tr ng-repeat="item in vm.dataSEJLABELCurrent" class="pointer shadow hover">
        <td>{{::item.SEJCOD}}</td>
        <td>{{item.ADMDAT}}  {{item.ADMHEU}}</td>
        <td>{{item.SORDAT}}  {{item.SORHEU}}</td>
        <td>{{::item.PATCOD}}</td>
        <td>{{::item.PATPRE}}</td>
        <td>{{::item.PATNOM}}</td>
        <td>{{item.NAIDAT}}</td>
    </tr>
</tbody>

```

What visually happen when I click on filter button is: 

1. My newly pushed record is displayed on top of the current records on the screen.
2. There is now 1000 + 1 records in the HTML table.
3. Every other (previous) records are getting deleted one by one during 2 seconds.
4. At some point, all the original 1.000 records will be deleted leaving the new record as expected.

It looks like every operation I add on the records HTML side are slowing, even more, the display behavior from what I saw every of the following operation is slowing the process: 

1. Adding a new property to display (even duplicating the same like displaying 10 times the `SEJCOD` for instance).
2. Adding a function for instance `vm.formatOwnDate(item.ADMDAT)` instead of `item.ADMDAT`.
3. Adding `ui-sref="sejlabel({sejcod:'{{item.SEJCOD}}'})"` on the tr element.

I don't understand why this behavior is only appearing on the clear and not on the show data too? 

This is a `gif` of the behavior: [http://imgur.com/y74VHcf](https://imgur.com/y74VHcf) (click on it to get it full screen).

Updating `ng-repeat` model from 1.000 to 1 record create a strange behavior like it is purging the records from the screen for 2 seconds like it has a lot of jobs to do, but updating from 1 to 1.000 is instant.