javascript - 如何将变量从一个函数传递到 Angular 6中同一组件.ts中的另一个函数

Question

将变量从一个函数传递到同一 component.ts 中的 ngOnInit() 函数

将此函数构造为:

public fileChanged(event?: UIEvent): void {
    const files: FileList = this.fileUploadEl.nativeElement.files;


    const file = files[0];
    const reader = new FileReader();
      const loaded = (el) => {
      const uploadFile = el.target.result;

      this.uploadFile = uploadFile
    }
    reader.onload = loaded;
    reader.readAsText(file, 'UTF-8');
    this.name = file.name;
  }

这个函数:

ngOnInit() {

      var dataList = Object.keys(this.data).map(key => this.data[key]);
      var contents = dataList.map(d => Object.keys(d).map(key => d[key]))
      var resultList = [];
      if(contents && contents.length) {
      var firstData = contents[0];
      firstData.forEach((content,ind) => {
      var resultData = {};
      contents.forEach((content,index) => resultData[index] = content[ind]);
      resultList.push(resultData)
      })    
      } 
      this.tablelist = resultList;
      // console.log(JSON.stringify(resultList));
  }

将 this.uploadFile 变量从 fileChanged 函数传递到 onInit() 函数

Answer 1

您可以在 component.ts 中将变量声明为局部变量。

let uploadFile:any;

现在在任何函数中使用此变量作为 this.uploadFile。 希望这能解决您的问题:)