从 Angular 2 中的 FileReader 获取值

我有以下组件加载文件并将其内容绑定为字符串

    export class NgCsvComponent {

        @Input() csv: any;

        @Output() csvChange: any = new EventEmitter();

        public localCsv : any = '';

      constructor() { }

      changeListener($event): void {
        this.readFile($event.target);
      }

      readFile (inputValue : any) : void {
        let reader = new FileReader (),
              file : File = inputValue.files[0];
          reader.readAsText(file);    
        reader.onload = this.onLoadCallback;
      }

        onLoadCallback (event) {
            this.csvChange.emit(event.target["result"]);
        }
    }

问题是this.csvChange内部未定义onLoadCallback那么我如何将结果传递给组件中的某个变量呢？

我正在搜索其他类似的question https://stackoverflow.com/questions/30830268/how-to-make-filereader-work-with-angular2但永远不会在 onloadCallback 函数之外得到结果

问题在于，当您执行以下操作时，上下文会丢失：

reader.onload = this.onLoadCallback;

一种解决方案是：

reader.onload = (e: Event) => {
    this.onLoadCallback(e);
}

另一种是：

reader.onload = this.onLoadCallback.bind(this);

还有一个是：

onLoadCallback = (event) => {
    this.csvChange.emit((event.target as FileReader).result);
}

底线。确保this上下文始终保留在您的内部class.