javascript - 绑定(bind)问题 'this' Angular/Javascript

Question

基本上我正在尝试使用这个包 pullToRefresh在我的 Angular 应用程序中。

代码如下

const ptr = pullToRefresh.init({
                mainElement: '.dashboard-container',
                onRefresh() {
                    console.log('pulled');
                    // this._service.action();
                }
            });

现在显然 this 不起作用，因为 this 现在引用了 onRefresh() 回调函数。所以我的问题是如何正确绑定(bind) this 以便在该回调函数 onRefresh

中正确使用它

现在我尝试将回调更改为箭头函数，如下所示

onRefresh = () => {...

但我的 tslint 说 '=' 只能在解构赋值中的对象文字属性中使用。

如有任何帮助，我们将不胜感激

Answer 1

您可以尝试使用箭头函数，这样 onRefresh 就不会创建它自己的作用域，如下所示:

const ptr = pullToRefresh.init({
    mainElement: '.dashboard-container',
    onRefresh: () => {
        console.log('pulled');
        // this._service.action();
    }
});

了解有关箭头函数的更多信息 here .