Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将大型JSON文件数据加载到angular cli表中_Json_Angular_Http_Json Server - Fatal编程技术网

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

将大型JSON文件数据加载到angular cli表中,json,angular,http,json-server,Json,Angular,Http,Json Server,我有一个JSON文件,里面有超过200000条记录 我使用Angular CLI访问JSON数据,并借助JSON服务器API本地访问数据 Im使用Angular http请求访问JSON,它将显示在浏览器中,但不会显示在Angular表组件中 我检查了我是否能够用更少的记录访问它,然后它显示出来,我检查了多达1000条记录,但max我不知道它访问了多少 所以我只想找到一种能够有效地将大型JSON数据访问到angular view的解决方案 请提出任何解决方案或替代方案 这可能是一个固执己见的答案

我有一个JSON文件,里面有超过200000条记录

我使用Angular CLI访问JSON数据,并借助JSON服务器API本地访问数据

Im使用Angular http请求访问JSON,它将显示在浏览器中,但不会显示在Angular表组件中

我检查了我是否能够用更少的记录访问它,然后它显示出来,我检查了多达1000条记录,但max我不知道它访问了多少

所以我只想找到一种能够有效地将大型JSON数据访问到angular view的解决方案


请提出任何解决方案或替代方案

这可能是一个固执己见的答案,但你有很多选择

  • 尝试延迟加载表数据

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

  • 使用ngFor上的自定义筛选器将分页添加到表中,以筛选出索引号为的元素

  • 利用网格。这是性能最好、可靠的解决方案。有许多网格,如ag网格、slickgrid、角度数据表等,可根据需要使用。ag网格是Angular支持的,slickgrid是纯js网格,但您肯定可以在Angular项目中进行配置。您还可以尝试使用Priming中的数据表。 通过使用网格,搜索、过滤、导出表数据变得非常高效