Angular2 - 从属性方法访问组件属性

Question

我正在尝试读取文件并将读取的内容存储在 Component 的私有变量中。到目前为止，我无法访问组件的属性，因为我得到 this 的推荐，因为 FileReader 而不是组件。

我的代码是这样的

private ReadTheFile(file:File) {

    var myReader: FileReader = new FileReader();
    myReader.readAsText(file);
    myReader.onloadend = function (e) {

        //Do something here with myReader.result

    }

    //Get the modified result here, and assign it to public property.

}

那么，如何在这样的方法中访问组件属性呢？哪个是FileReader 实例的方法，而不是组件。

Answer 1

不要在类中使用关键字function。正如您所注意到的，这将更改 this 上下文。使用箭头函数

private ReadTheFile(file:File) {

    var myReader: FileReader = new FileReader();
    myReader.readAsText(file);
    myReader.onloadend = (e) => {

        //Do something here with myReader.result

    }

    //Get the modified result here, and assign it to public property.

}

Answer 2

您可以使用arrow function 来保留组件上下文：

myReader.onloadend = (e) => {
        //Do something here with myReader.result

    }