无法在 'complete' 函数之外获取 Papa Parse 的结果

Question

我目前正在使用带有 Angular 2 的 Papa Parse 将 csv 列表加载到列表中，我希望能够将该列表传递给另一个组件。我能够读取 csv 数据并使用控制台日志打印它们，但我无法在 'complete' 函数之外处理解析数据的结果。我知道这是因为解析文件是一个异步过程，我必须使用回调函数。我试图用回调函数解决这个问题，但我仍然无法使用 Papa Parse 本身的 'complete' 函数之外的数据。

这是我尝试过的一个例子，但是这里的 listOfLoads 在 convertloads 方法中是未定义的，在任何其他正常的同步方法中都没有。

export class AppComponent {


 listOfLoads: Load[] = [];

  constructor(){
  }

  importFile(fileInput: any, callBack) {
    let listOfLoads: Load[] = [];
    let file = fileInput.target.files[0];


    let result = Papa.parse(fileInput.target.files[0], {
      complete: function (results) {
        callBack(results.data);
      },
      header: true,
      delimiter: ";"
    });
  }

  convertLoads(data) {
    this.listOfLoads = deserialize<Load[]>(Load, data);
  }

}

有没有办法把数据放在一个列表中，然后在其他组件中使用它？我到处寻找解决方案。

Answer 1

你可以把你的组件功能交给Papaparse。一旦 Papaparse 加载数据，它将触发您的功能。或者您可以创建一个可观察对象，当数据加载完成后，您可以在订阅块中做任何想做的事情。

我为您创建了一个工作插件。你可以看看这个

https://plnkr.co/edit/WFVYEQnH35DeTsNBS456

无法在 'complete' 函数之外获取 Papa Parse 的结果

Can't reach results of Papa Parse outside the 'complete' function

javascript

asynchronous

typescript

papaparse

angular