Angular + PIXI - 如何将组件方法分配给变量并保留"this"引用

Question

我在Pixi.js 4中使用angular 7。

为了从使用PIXI.Graphics((构建的图形元素中获得点击回调，我需要设置：

graphicElem.click = A_FUNCTION_REF

我已经将我的功能定义为组件中的一种方法：

onClick(event: PIXI.interaction.InteractionEvent): void { console.log(this.myCompField); }

如果我写：

graphicElem.click = this.onClick;

我从控制台日志中得到：undefined。我认为因为thisref没有被传递，但这不是真的，所以我可以记录this，它不是未定义的。使用this.onClick.bind(this);是可行的，但我读到不建议使用bind()。

正确的方法是什么？我错过了什么？

Answer 1

在这种情况下，您可以使用箭头函数语法而不是.bind。

试试这个：

onClick = (event: PIXI.interaction.InteractionEvent) => { console.log(this.myCompField); }