如何使用Angular rxjs进行优雅限流
Angular 如何 进行 优雅 Rxjs 限流 使用
2023-09-14 09:04:03 时间
比如我有一个按钮,我想实现在一秒之内重复点击,只算被点击一次的效果,在Angular rxjs里实现非常容易:
源代码:
ngOnInit(): void {
const button = document.querySelector('button');
fromEvent(button, 'click').pipe(throttleTime(1000), scan(count => count + 1, 0))
.subscribe(count => console.log(`Clicked ${count} times`));
}
注意输出的时间戳:确实起到了限流的效果:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":