码迷,mamicode.com
首页 > Web开发 > 详细

angular http 节流

时间:2019-09-10 18:00:48      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:pipe   led   table   angular   查询   ges   取消   enc   load   

有时候点列表但是由于查询问题,后端返回数据的速度很慢,导致回来的顺序错乱,后端解决不了,前端来

在jq年代 像标志位 防抖 节流等

在angular里使用了rxjs

//错误示范

1  getIntelligenceById(id, page, size, search?) {
2         this.tableLoading=true;
3         this.knowledgeService.findIntelligence(id, page, size,search).pipe(debounceTime(1000)).subscribe(data => {
4             this.tableData=[];
5 })
6 }

 

// 正确 开始首先

searchText$ = new Subject<string>();

//其次 点击事件里边
this.searchText$.next(id);
//再
this.searchText$.pipe(debounceTime(1000)).subscribe(data=>{
this.getIntelligenceById(data,this.page,this.size,this.searchListWord);
})
//最后不要忘记取消订阅
this.searchText$.unsubscribe();
 

angular http 节流

标签:pipe   led   table   angular   查询   ges   取消   enc   load   

原文地址:https://www.cnblogs.com/fuzitu/p/11498608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!