如何在angular2打字稿的组件中获取变量“ this”的集合？

Question

I have a component. Inside I have the following:

constructor() {
  this.something = "Hello";
}

document.addEventListener('click', doSomething());

function doSomething(e) {
   console.log(this.something) // this is undefined
}

I want to make it so that I can access this.something inside of the doSomething(e). Usually I would just create a variable outside and use var self = this; then reference self.something to get to that "Hello". Unfortunately in angular 2, I am getting errors with self not being defined, etc. How can I access this.something inside of the event listener I created?

Answer 1

您应该使用lambda函数来更正此问题

document.addEventListener('click', () => doSomething());

Answer 2

Another option with Angular, instead of adding an event listener to the document directly, is the @HostListener function decorator. Below is a sample. More information .

@HostListener('click', ['$event'])
onClick(event) : void {

    event.stopPropagation();

    if(...) {
        console.log(this.something);
    }
    else if (...) {
        ...
    }
}

Obviously, I don't know your whole situation, but something like this could be of use to you.