将大型JSON文件数据加载到角度cli表中

时间:2018-04-26 06:31:35

标签: json angular http json-server

我有一个包含超过200000条记录的JSON文件。

我使用Angular CLI在json-server API的帮助下访问JSON数据,以便在本地访问它。

我使用Angular http请求来访问JSON,它会显示在浏览器中但不会显示在角度表组件中。

我检查了是否能够以较少的记录访问它然后显示,我检查了多达1000条记录,但最多我不知道它访问了多少。

所以我只想要任何解决方案来有效地访问大型JSON数据到角度视图。

请为此建议任何解决方案或替代方案。

1 个答案:

答案 0 :(得分:1)

这可能是自以为是的答案,但你有很多选择。

  1. 尝试延迟加载表格数据。

  2. 最初加载50行实现无限滚动&当用户到达表的末尾时,加载下一个50,依此类推。使用以下插件来最小化您的代码。

    <强> ngInfiniteScroll

  3. 使用ngFor上的自定义过滤器向表中添加分页,以过滤掉索引号为的元素。你可以使用以下很棒的插件lib

    <强> ngx-pagination

  4. 利用网格。这是性能最佳,可靠的解决方案。有许多网格,如ag-grid,slickgrid,Angular数据表等,可根据需要使用。 ag-grid是Angular支持的,slickgrid是纯js网格,但你可以确定配置内部角度项目。您也可以尝试PrimeNg的数据表。 使用网格,搜索,过滤,导出表格数据变得非常有效。

    <强> ag-grid

    <强> Angular DataTables

    <强> SlickGrid

    <强> PrimeNG Table