загрузка больших данных JSON-файла в угловую таблицу - PullRequest
Новая
       74

загрузка больших данных JSON-файла в угловую таблицу

0 голосов
/ 26 апреля 2018

У меня есть файл JSON с более чем 200000 записей.

Я использую Angular CLI для доступа к данным JSON с помощью API-интерфейса json-сервера для локального доступа к ним.

Я использую Angular http-запрос для доступа к JSON, он отображается в браузере, но не в компоненте угловой таблицы.

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

, поэтому я просто хочу любое решение для эффективного доступа к большим данным JSON в угловом представлении.

пожалуйста, предложите любое решение илиальтернатива тому же.

1 Ответ

0 голосов
/ 26 апреля 2018

Это может быть взвешенный ответ, но у вас есть много вариантов.

  1. Попробуйте ленивую загрузку данных таблицы.

  2. Реализация бесконечной прокрутки путем загрузки50 строк вначале, когда пользователь достигнет конца таблицы, загрузите следующие 50 и так далее.Используйте следующий плагин для этого, чтобы минимизировать ваш код.

    ngInfiniteScroll

  3. Добавьте нумерацию страниц в таблицу, используя пользовательский фильтр наngFor отфильтровать элементы по их индексу no.Вы можете использовать следующий замечательный плагин lib

    ngx-pagination

  4. Используйте сетки.Это лучшая производительность, надежное решение.Есть много сеток, таких как ag-grid, slickgrid, Angular data table и т. Д., Которые используются в соответствии с требованиями.ag-grid поддерживает Angular, а slickgrid - чистая js grid, но вы можете точно настроить его внутри углового проекта.Также вы можете попробовать таблицы данных от PrimeNg.С использованием сеток поиск, фильтрация и экспорт данных таблиц становятся очень эффективными.

    ag-grid

    Angular DataTables

    SlickGrid

    PrimeNG Table

...