Render таблицы строк без привязки для производительности

Question

Я использую Angular 1.4. Общеизвестно, что ng-repeat может иметь некоторые проблемы с производительностью при рендеринге большого количества строк для таких вещей, как таблицы. Но мне было интересно, существует ли оптимальный способ использования ng-repeat или какой-либо альтернативной итерации, чтобы просто отобразить массив данных, которые у меня есть, для таблицы.

Мне не нужна привязка, так как это просто вывод данных для отчета. Я пробовал некоторые предложения, такие как одноразовая привязка, но все равно занимает много времени (10 секунд или более для 1000 записей или около того). Другие неагрегатные методы, которые я пробовал, представляют собой предварительный рендеринг HTML на бэкэнд, а затем возвращают HTML вместо массива данных. И у меня была специальная директива, которая просто добавила HTML в элемент. Это было меньше секунды для даже 2000 строк (очевидно, поскольку я не использовал Angular).

Но было бы хорошо, если бы я мог выполнить то же самое в Угловом, или даже сделать что-то подобное в контроллере на угловой стороне. Любой вход был бы оценен.

Answer 1

Вы можете использовать одну сторону связывания для этого:

<ul ng-repeat="item in ::items"> 
    <li>{{ ::item.name }}</li> 
</ul> 

Обратите внимание, что вы должны добавить синтаксис :: для каждой записи в ретранслятор.

Я не уверен, насколько сложна ваша логика, но 10 секунд для 1000 строк звучат абсурдно.