Angular 以角度显示大尺寸CSV文件时出错
Chrome说,我的CSV文件大小为500MB,有700k行,当我使用下面的代码显示它时 在潜在内存不足崩溃之前暂停 我的角度代码app.component.tsAngular 以角度显示大尺寸CSV文件时出错,angular,csv,file-upload,papaparse,Angular,Csv,File Upload,Papaparse,Chrome说,我的CSV文件大小为500MB,有700k行,当我使用下面的代码显示它时 在潜在内存不足崩溃之前暂停 我的角度代码app.component.ts import {Component, OnInit} from '@angular/core'; import * as Papa from 'papaparse'; let obj: AppComponent; @Component({ selector: 'app-root', templateUrl: './
import {Component, OnInit} from '@angular/core';
import * as Papa from 'papaparse';
let obj: AppComponent;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
name = 'Angular csv file parser example';
dataList: any[];
ngOnInit() {
obj = this;
}
onChange(files: File[]) {
if (files[0]) {
console.log(files[0]);
Papa.parse(files[0], {
header: true,
skipEmptyLines: true,
complete: (result, file) => {
console.log(result);
this.dataList = result.data;
}
});
}
}
}
如何操作?如果问题在于显示数据,那么您可以尝试虚拟滚动和分页等功能在什么时候崩溃?解析或显示结果?如果问题在于显示数据,那么您可以尝试虚拟滚动等功能。如果试图解析它足以杀死浏览器,那么您就无法处理如此大的数据块。分页可以解决问题。@mbojko是的,分页确实解决了问题,谢谢。