＆＃39;这＆＃39;在函数（）中未定义。角2

Question

所以我在我的应用中使用了uikit confirmation modal。我的问题是，当我要点击<button>进行确认时。内部函数this为undefined。这是我的代码......

declare var UIkit:any;

deleteData(dataArr): void {

    UIkit.modal.confirm('Are you sure you want to delete this?', function() {
      console.log(dataArr);
      console.log(this);
      //use service here...
      UIkit.modal.alert('Confirmed!');  
    });
}

在该函数内部我希望使用http请求服务，但我在this上遇到问题。我正在使用Angular 2.x.

Answer 1

使用箭头功能......

this

查看MDN: Arrow functions了解有关此事的详细信息。

  

箭头函数不会创建自己的上下文，因此{{1}}具有   它的原始含义来自封闭的语境。

Answer 2

'this'未传递到您的功能范围，请尝试

declare var UIkit:any;

deleteData(dataArr): void {
var that = this;
UIkit.modal.confirm('Are you sure you want to delete this?', function(){
  console.log(dataArr);
  console.log(that);
  //use service here...
  UIkit.modal.alert('Confirmed!');  
});
}