无法从 angular4 中的嵌套函数访问它

Question

我有一个名为 abc 的组件，在该组件中我有三个名为 title、Desc、Name 的变量，当我尝试从嵌套函数访问它时，它给了我未定义的结果。

例如

@Component({
  selector: 'abc',
  templateUrl: './abc.component.html',
  styleUrls: ['./abc.component.css'],
  providers: [abcService]
})

export class abcComponent implements AfterViewInit,AfterViewChecked {

  title;
  Desc;
  Name;
  date=null;

test(){
this.title='a';
//work fine
}

test11(){

$('#cmg tbody').on('click', 'a.editor_edit', function (e) {
e.preventDefault();
this.title= false;  //gives me an undefined
});

}

}

Answer 1

这是因为您在回调中丢失了范围。修改它以使用arrow function，以便您保留this

$('#cmg tbody').on('click', 'a.editor_edit', (e) => {
  e.preventDefault();
  this.title= false;
});

直到箭头函数，每个新函数都定义了自己的 this 值 （在构造函数的情况下是一个新对象，在严格模式下未定义 函数调用，如果函数被调用为基础对象 “对象方法”等）。事实证明，这并不理想 面向对象的编程风格。