Question

我正在尝试将解析value的{{1}}保存到全局array中。但全局array向我显示array

undefined

控制台

dataUrl: string = "assets/data.csv"; private data:[]; dataInit(){ this.papa.parse(this.dataUrl, { download: true, complete: (result) => { // result.data.push(this.data); this.data = result.data // console.log(result.data, "inside parser"); // console.log(this.data, "global array"); } }); } ngOnInit() { this.dataInit(); console.log(this.data, "inside onInit"); }

Answer 1

数据将在complete callback内部可用。所以console.log(this.data)在那儿。

原因： complete是一种异步工作的回调方法。

dataUrl: string = "assets/data.csv";
data = [];
dataInit(){
    this.papa.parse(this.dataUrl, {
      download: true,
      complete: (result) => {
        // result.data.push(this.data);
        this.data = result.data            
        console.log(this.data);
      }

    });
  }
  ngOnInit() {
    this.dataInit();
}

Answer 2

有两个原因-

您需要像这样private data: Array<any>= [];
您正在将值绑定到asyn方法中，并以同步方式合并该值。

Answer 3

将data属性的初始化更改为类似

private data = [];

或

private data: Array<T> = []

代替 T 相应地键入您的数组

Answer 4

将控制台日志放入异步代码的完整功能中。

由于papa.parse下载代码是异步的，因此控制台日志将显示data的初始值，因为结果尚未准备好。

Answer 5

由于this.papa.parse函数是异步的，因此在调用dataInit之后无法立即获取数据变量的值...最好在完整的回调中进行

dataUrl: string = "assets/data.csv";
private data:[];
dataInit() {
  this.papa.parse(this.dataUrl, {
    download: true,
    complete: (result) => {
      this.data = result.data
      this.toDo();
    }
  });
}

ngOnInit() {
  this.dataInit();
}

toDo(){
  console.log(this.data, "global array");
}

将数组存储到全局变量angular中

5 个答案: