延迟300ms,然后对用户输入搜索框的字符进行处理
代码见内,图随后加吧~
html:
<div class="search" style="float: left">
<input #term (keyup)="search(term.value)" placeholder="请输入搜索内容" > <i class="fa fa-search"></i>
</div>
<div>
js代码
import { Subject } from 'rxjs/Subject';--引入Subject
search(term:string) {
this.searchTermStream.next(term);
}
getSearchStream() {-------延迟300ms,加入流
let that = this;
return that.searchTermStream
.debounceTime(300)
.distinctUntilChanged();
}
ngOnInit(){
getSearchStream().subscribe((res)=> {---处理部分,注册在这里
console.log(res);
});
}