import {Subject} from 'rxjs'; import {debounceTime} from 'rxjs/operators'; // 引入debounceTime、SubjectngOnInit(): void {// 防抖操作this.subject.pipe(debounceTime(500)).subscribe(() => {console.log('防抖操作');this.pageQueryProject();});}// 分頁操作pageQueryProject(): void {console.log('請求數據操作');} // 點擊按鈕下側發生變化 左右getitem(index: any): any {this.subject.next();}

執行順序:
用戶點擊 getitem(index: any): any { this.subject.next();}會執行ngOnInit() 再執行this.pageQueryProject();

總結

以上是生活随笔為你收集整理的angular中运用防抖功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。