Угловые проблемы с производительностью больших таблиц JS

Question

Я нашел решение для больших таблиц данных в угловых js с двунаправленной привязкой.К сожалению, я не смог получить лучшее решение.

Как показано ниже, я пытаюсь загрузить данные более чем 5000 строк с 20 столбцами в одной таблице.Но производительность приложения очень низкая, загрузка занимает от 3 до 4 минут.После расследования с использованием Angular наблюдатели добавляют.Я нашел 275 000 наблюдателей на одной странице из-за больших данных в одной таблице.

Есть ли способ улучшить производительность и уменьшить количество наблюдателей?

<table>
    <colgroup>
        <col ng-style="{ width: h.columnWidth}" data-ng-repeat="h in vm.copyHeadersDeepCopy track by $index"></col>
    </colgroup>
    <tbody>
    <tr ng-repeat="l in vm.copyColumns">
        <td ng-class="(l.rowSelected == true)?'selected':''"
            ng-repeat="c in l.values"
            title="{{c.parameterValue}}">
            <div title="{{'No Value Defined' | translate}}"
                 data-ng-if="vm.getCopyCellInformations(c).type == 'hole'">
                <i class="fa fa-exclamation-triangle"></i>
            </div>
            <div title="{{'empty' | translate}}"
                 data-ng-if="vm.getCopyCellInformations(c).type == 'grouped'">

            </div>
            <div title="{{c.parameterValue}}"
                 data-ng-if="vm.getCopyCellInformations(c).type == 'value'">
                <i class="fa" style="cursor: pointer"
                   data-ng-show="c.parameterValue"
                   data-ng-click="vm.toggleNode(c)"
                   data-ng-class="c.active ? 'fa-check-square-o' : 'fa-square-o'"></i>
                {{c.parameterValue}}
            </div>
        </td>
    </tr>
    </tbody>
</table>