javascript - Angular2 + Typescript + FileReader.onLoad = 属性不存在

Question

我正在使用 FileReader Interface 及其异步方法 readAsText() 来读取本地文本文件，之后，当调用 onload 事件 时，我尝试读取我的文件，我的源代码如下所示:

export class ReadFileComponent {
   text: string;

   readFile(): void {
     let reader=new FileReader();
     reader.onload = function(e) {
        this.text=reader.result;
     }
     reader.readAsText(file);   
   }
}

编译失败，因为 "FileReader" 类型上不存在属性 "text"

我认为这是由于 EventListener 接口(interface)不接受对象，

有人解决过这种问题吗？

谢谢大家，

Answer 1

如果要在回调中使用this，请使用箭头函数，否则将不起作用

reader.onload = (e) => {
    this.text=reader.result;
}

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions