活字体変数はreader.onloadコンソール<code>"undefined"</code>の代わり<code>xexe</code>内

Question

filePhotoValue: any = "xexe"; 

    sendFile(file) { 

    var reader = new FileReader(); 

    reader.onload = function (e:any) { 
     console.log(this.filePhotoValue); 
    }; 

    } 

なぜfilePhotoValue定義されていませんか？コンパイルエラーはありません。私はfilePhotoValue inside reader.onloadに値を設定したいと思います。

Answer 1

あなたがonloadメソッドの中にいるとき、メソッドの外にある "this"のコンテキストが緩くなります。この問題を解決するには次の2つのソリューションを持っている： 別の変数に「この」文脈を保存します。

sendFile(file) { 

    var reader = new FileReader(); 

    var self = this;  

    reader.onload = function (e:any) { 
     console.log(self.filePhotoValue); 
    }; 

    } 

または関数に現在のコンテキストをバインドします

sendFile(file) { 

    var reader = new FileReader(); 

    reader.onload = function (e:any) { 
     console.log(this.filePhotoValue); 
    }.bind(this); 

    }