ACE编辑器“无法读取未定义的属性'getValue'”

Question

我目前正在Angular中建立一个降价编辑器。

• ACE编辑器用作代码编辑器。
• npm包是https://www.npmjs.com/package/ace-builds

可以在此处找到代码框： https ：//codesandbox.io/embed/angular-91d27

---

问题是我正在尝试获取当前值以便进一步使用它。 这个概念是，只要代码发生变化（ onChange() ），内容就会被放入Angular Service中。

出于测试目的，我想打印当前内容onChange。

this.codeEditor.on("change", function(e) {
    const code = this.codeEditor.getValue();
    console.log(code);
});

现在每当我输入内容时，我都会收到以下错误：

ERROR TypeError: Cannot read property 'getValue' of undefined

如果有人遇到这个，我会很高兴得到一些帮助。
此外，我想知道这是否是“正确的方法”来处理这个问题，或者是否有更好的选择。

Answer 1

每个新函数都定义了自己的this范围。 请尝试使用箭头功能 。 箭头函数在词法上绑定它们的上下文，因此this实际上是指原始上下文。

this.codeEditor.on("change", (e) => {
    const code = this.codeEditor.getValue();
    console.log(code);
});