Angular 2.0 中实现搜索框

来源:互联网 发布:单片机 红外发射 编辑:程序博客网 时间:2024/05/17 01:00

延迟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);    });}  




0 0