[英]Using lodash debounce in Angular2 & Typescript scroll not working
我有以下代码调用lodash去抖功能:
@HostListener("window:scroll", [])
onWindowScroll() {
if (myBoolean)
_.debounce(this.onScrollDown(), 1500, false);
}
}
private onScrollDown() {
console.log("onScrollDown")
}
但我在我的控制台中收到此错误:
Argument of type 'void' is not assignable to parameter of type 'Function'.
以下是浏览器:
TypeError: Expected a function
at Function.debounce
顺便说一句,我正在使用打字稿
我不熟悉lodash,但我认为你想要的是:
private debouncedOnScroll = _.debounce(() => this.onScrollDown(), 1500, {});
@HostListener("window:scroll", [])
onWindowScroll() {
this.debouncedOnScroll();
}
private onScrollDown() {
console.log("onScrollDown")
}
感谢JB Nizet,我可以解决我的需求,这是我的方法:
private projectsLoad(myParameter): void {
// function code here...
};
private debounceProjectsLoad = _.debounce(
(myParameter) => this.projectsLoad(myParameter),
1500,
true
);
public loadProjectsGroup(myParameter: string): void {
this.debounceProjectsLoad(myParameter);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.