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
- Angular 2.0 中实现搜索框
- Angular 2.0 实现的搜索框
- angular利用$location实现搜索功能。
- VS2013中实现angular代码智能提示
- Angular中实现树形结构视图
- angular实现将三目运算写入HTML中
- Angular中实现文字的渐变效果
- angular中自定义组件实现双向绑定
- 实现对angular中过滤器的封装
- angular-bootstrap中tooltip的实现
- WPF中TextBox实现搜索框
- iOS中搜索框的实现
- angular-百度搜索
- angular追加元素和搜索
- angular table的添加搜索
- android中实现内容搜索
- 在表格中实现搜索
- android中实现内容搜索
- 【C++算法】反转单链表
- 51Nod-1376-最长递增子序列的数量
- mysql分库分表资料总结
- 如何在mybatis中一个insert,delete,update中执行多条SQL语句
- ubuntu 安装Pangolin 过程
- Angular 2.0 中实现搜索框
- Struts中struts.xml配置文件的主要元素(package,action)
- 几种RIA技术(富互联网应用程序)比较
- 您的手机上未安装应用程序 android 点击快捷方式提示未安装程序的解决
- JS打印当前页面或打印局部div
- 关于Apk文件,应用重新签名
- 四旋翼pid调参过程
- java接口、抽象类在android中的使用
- [ElasticSearch]映射(Mapping)