Как работать с большими данными в Angular

Question

У меня есть законченное приложение AngularJS, в котором в основном отображается таблица со многими (400+) строками, загружаемая через $resources. Данные сортируются и доступны для поиска, а приложение - немного медленная загрузка (2s +) и да, я использовал $cacheFactory. Я тонкий, это проблема с ОЗУ.

Я думал о загрузке всего 100 записей и перезагрузке автоматически после поиска, сортировки или прокрутки. Это ускорит приложение, но сделает поиск и сортировки очень медленными.

Как вы справитесь с этим в Angular?

Answer 1

Вы должны быть очень осторожны при решении вопроса о том, какие данные должны быть связаны двумя способами при работе с большими наборами данных, иначе вы подавите DOM и CPU с помощью выражений $ watch.

Я создал набор директив, которые связывают данные только один раз там, где это необходимо.

здесь ссылка на три я сделал это должно быть полезно:

https://gist.github.com/btm1

набор-атр - установить любой атрибут элемента с назначенным значением один раз и не добавить часы слушателя. U может использовать это для установки классов или атрибутов данных или идентификаторов.

set-if - использовать это вместо отображения или скрытия или переключения. Это оператор if, который оценивает только один раз и удаляет элементы из DOM

set-repeat - это потрясающе, особенно если то, что вы повторяете, не изменится, поэтому оно будет просто переходить через что-то однократно.

Я создал другие, что set-text, set-html, set-href, set-source, и я нахожу, что использую их много, потому что большинство данных не обязательно должны быть связаны двумя способами.