Angular2和Fabric.js中的属性范围

Question

使用Angular2组件和Canvas（Fabric.js）时，我遇到了一些范围问题。假设我们有以下代码：

/简化示例/

export class SomeComponent {

    public foo: boolean;

    ngOnInit() {
        canvas.on('text:editing:entered': this.bar);
    }

    bar() {
        this.foo = true;
        console.log(this.foo); //true
    }

    @HostListener('window:keyup')
    baz() {
        console.log(this.foo); //undefined
    }
}

行。这是我的工作：

1. 加载组件后，我在canvas对象上注册一个事件，因此当在IText上输入编辑模式时（我使用fabric.js），它会调用bar并将foo设置为{{1 }}，
2. 然后我点击键盘上的任意键调用true方法，我的意外baz是foo！

这里发生了什么？有什么想法吗？