Angular2 +活字私は<strong>FileReaderのインターフェイス</strong>を使用しています

Question

+ FileReader.onLoad =プロパティが存在しないとonloadイベントが呼び出されたときには、その後、ローカルのテキストファイル、 を読み取るためにreadAsText（）非同期メソッドです、私は私のファイルを読み取ろうと、私のソースコードは、次のようなものです：不動産「テキスト」はタイプ「FileReaderの」上に存在しないため、

export class ReadFileComponent { 
    text: string; 

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

コンパイルが失敗した

私は誰かがこの種の問題を解決してくださいました

、これが原因のEventListenerインタフェースは、オブジェクトを受け入れないにあると思いますか？あなたは、コールバック内でthisを使用したい場合は、矢印の機能を使用し

Answer 1

おかげでみんなが、そうでなければ、あなたは定期的にJavaScriptを使用している

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

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

Answer 2

動作しません。ここに機能：

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

thisはあなたのクラスではない関数に属しています。

矢印機能を

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

それとも

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