Question

在我的angular-7类中，我正在使用jquery，我想将h4标签中的所有文本存储在一个数组中。但是当我使用 this 时，它仅指的是angular的this，而不是jquery的 this 。我也尝试使用粗箭头，但这对我不起作用。

我尝试使用回调参数访问元素，但是它们保持未定义状态。

这是我的代码。任何建议/帮助表示赞赏。

谢谢。

$('h4').each((idx, elem) => {
            this.listItems.push({ id: idx, text: elem.innerText });
        });

Answer 1

箭头函数不创建自己的作用域（此）如果要创建这样的函数范围，请使用普通函数

var that=this;
    $('h4').each(function (idx, elem) {
                //use that for angular component's this
                this.listItems.push({ id: idx, text: elem.innerText });
            });

Answer 2

这可能对您有帮助

var that = this;
    $('h4').each(function (idx, elem) {
                //use that for angular component's this
                that.listItems.push({ id: idx, text: elem.innerText });
     });

在angular和jquery中定义“ this”

2 个答案: