javascript - Angular 2 : Calling other functions inside call back functions

Question

我正在构建一个 Angular2 应用程序。我在 myService 中有一个异步函数 deleteObject。它返回一个 Promise。我在组件中有另一个名为 refresh 的函数，它可以刷新页面。如何从 Promise 内部调用刷新。这是我尝试过的:

export class AppComponent{

    refresh(){
        // refresh page here
    }

    delete(){
        this.myService.deleteObject(params).then(
           function(data){
             //this.refresh() doesn't work here.
        });
    }
}    

Answer 1

如果您使用 Typescript 进行编码，则可以使用 fat arrow functions反而。他们保留了您所期望的 this 上下文。所以更换

delete(){
        this.myService.deleteObject(params).then(
           function(data){
             //this.refresh() doesn't work here.
        });
}

这样:

delete(){
    this.myService.deleteObject(params).then(
            (data)=>{
                //this.refresh() should work here
            }
    );
}