Angular 以角度显示大尺寸CSV文件时出错

Angular 以角度显示大尺寸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: './

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: './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是的,分页确实解决了问题,谢谢。