angular 8 搜索防抖

最新推荐文章于 2024-02-19 20:30:00 发布

xggllc

最新推荐文章于 2024-02-19 20:30:00 发布

阅读量308

点赞数

分类专栏： JS相关

本文链接：https://blog.csdn.net/xggllc/article/details/112714123

版权

JS相关专栏收录该内容

23 篇文章 0 订阅

订阅专栏

// ts 文件代码

import { Subject } from 'rxjs';
import { debounceTime,map,takeUntil } from "rxjs/operators";

  destroy$ = new Subject();
  searchTbNameChange$ = new Subject();

  ngOnInit() {
    this.searchTbNameChange$.pipe(
      debounceTime(500),
      map( e => this.queryParam.tb_name.trim()), // 删除字符串左右空格
      takeUntil(this.destroy$)
    ).subscribe((res) => {
      this.queryDBTaskList(); // 具体需要防抖的函数
    });
  }


// html中调用

(ngModelChange)="searchTbNameChange$.next()"