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

Question

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

我使用角CLI访问JSON数据，并借助json-server在本地访问json数据。

我使用角http请求来访问JSON，它被显示在浏览器中，而不是角表组件中。

我检查了我是否能够用较少的记录访问它，然后它被显示出来，我已经检查了多达1000条记录，但是我不知道它访问了多少。

因此，我只想要任何有效地将大型JSON数据访问到角视图的解决方案。

请提出任何解决方案或替代同样的。

Answer 1

这可能是固执己见的答案，但你有很多选择。

1. 尝试延迟加载表数据。
2. 最初通过加载50行来实现无限滚动&当用户到达表的末尾，加载下一个50行等等。使用下面的插件来最小化您的代码。 ngInfiniteScroll
3. 使用ngFor上的自定义筛选器将分页添加到表中，以筛选出具有索引no的元素。您可以使用以下强大的插件库 ngx分页
4. 利用网格。这是最好的性能，可靠的解决方案。网格有很多，如ag网格、光滑网格、角度数据表等。ag-网格是角支持的，光滑网格是纯js网格，但是您肯定可以在角项目中进行配置。您还可以尝试使用PrimeNg中的数据表。使用网格，搜索，过滤，导出表格数据变得非常有效。 银栅 角DataTables SlickGrid PrimeNG表