其实用Elasticsearch比较完美,redis的版本只能从开头的字符匹配,但是ELK还不会,准备学学,先用redis实现下,redis返回的提示信息的list,就省略不写了。
页面代码片段
<div> <label for="autocomplete">Auto complete</label> <input id="autocomplete" type="text" (keyup)="onKey($event)" /> </div>
timeout; onKey(event: any) { // 取消上一次的timeout设置 clearTimeout(this.timeout); // 延迟3秒 this.timeout = setTimeout(() => this.getSuggestion(event), 3000); } getSuggestion(event: any) { const token = localStorage.getItem('token'); const word = event.target.value; if (!word) { return; } const url = 'http://localhost:8764/api/v1/user/redis/project/autoSuggest/' + word; let headers: HttpHeaders = new HttpHeaders(); headers = headers.set('Content-Type', 'application/json') // .set('Accept', 'application/json') .set('Authorization', 'Bearer ' + token) this.http.get(url, {headers: headers}).subscribe(data => { const additionalInfo = data['additionalInfo']; // console.log(additionalInfo) if (additionalInfo === null) { return; } const suggest = additionalInfo['suggest']; if (suggest) { console.log(suggest); } }, (error: HttpErrorResponse) => { console.log(error.error); }); }
相关推荐
Angular-RESTfulService, Angular 调用rest式服务的示例 Angular rest式服务示例这个项目简单地介绍了如何使用 Angular 来调用rest式服务。 只需克隆项目或者下载并提取. zip 即可开始。 Angular 概念使用app类和...
Angular中的Dom操作以及@ViewChild、Angular调用css3动画(侧边栏 actionSheet)示例代码.zip
主要介绍了angular inputNumber指令输入框只能输入数字的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
Angular中的Dom操作以及@ViewChild、Angular调用css3动画(侧边栏 actionSheet)
angular 限制输入框为整数还是保留两位小数指令
主要介绍了angular 实现的输入框数字千分位及保留几位小数点功能,涉及AngularJS数值运算、正则匹配等相关操作技巧,需要的朋友可以参考下
Angular.js输入框弹出城市联动地址选择代码,压缩包里面附带使用方法!
Angular+Bootstrap实现的一个管理系统
Angular 1.5组件实现基于svg的饼图
主要介绍了Angular动态添加、删除输入框并计算值实例代码的相关资料,需要的朋友可以参考下
基于Angular的拖拽排序实现
Gulp+Angular+Express实现简易任务管理系统的简单思维导图,需要下载软件配合使用
AngularJS 表单和控件可以验证输入的数据。本文给大家介绍Angular 输入框实现自定义验证功能,非常不错,具有参考借鉴价值,需要的朋友参考下
主要介绍了Angular 实现输入框中显示文章标签的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
学过Angular的同学都知道,输入框通过[(ngModel)]实现双向数据绑定,那么自定义组件能不能实现双向数据绑定呢?答案是肯定的。 Angular中,我们常常需要通过方括号[]和圆括号()实现组件间的交互: 那么在[]和()的...
Ionic+Angular+Express实现前后端交互使用HttpClient发送get请求数据并加载显示示例代码
Angular-loopback-sdk-builder.zip,用于为loopback环回sdk生成器自动生成软件开发工具包(sdk)的工具,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的...