AngularJS 实现的输入自动完成补充功能

1.首先需要引入：angucomplete.js第三方库

2.增加model ：

var app = angular.module('app', ["angucomplete"]);

3.html:

 <angucomplete id="ex1" placeholder="搜索"pause="100" selectedobject="selectedContacts"localdata="contactList"                         searchfields="contactName"titlefield="contactName" minlength="1"inputclass="form-control"matchclass="highlight"/>

4.js:

 $scope.contactList = [{contactName: '张三', pic: 'assets/img/avatar1.jpg'},{contactName: '李四', pic: 'assets/img/avatar2.jpg'},{contactName: '王五', pic: 'assets/img/avatar3.jpg'},{contactName: '赵六', pic: 'assets/img/avatar1.jpg'},{contactName: '张三', pic: 'assets/img/avatar1.jpg'},{contactName: '李四', pic: 'assets/img/avatar2.jpg'},{contactName: '王五', pic: 'assets/img/avatar3.jpg'},{contactName: '赵六', pic: 'assets/img/avatar1.jpg'}];

5.地址为angucomplete.js第三方库gitHub地址：https://github.com/darylrowland/angucomplete/blob/master/angucomplete.js

AngularJS 实现的输入自动完成补充功能相关推荐

用jQuery的ajax的功能实现输入自动提示的功能
注意事项:要使用jQuery首先要把它的包引用进来( <script type="text/javascript" language="javascript&quo ...
php 智能输入提示插件,PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能_php实例...
我们在很多项目中使用了搜索功能来帮助用户更快更准确的找到想要的信息.本文将介绍如何实现用户输入自动提示的功能,就像谷歌百度搜索引擎一样,当用户输入关键字时,输入框下方会有提示,将与关键字相关的信息展现 ...
java 输入提示_Java实现输入自动提示与补全功能
一. 场景与目标在使用 IDE 开发软件时, IDE 会提供一种"智能提示", 根据所输入的字符列出可能的词组: 在日常Web开发中,根据用户输入进行自动提示和补全,也能很好地改 ...
MyEclipse的自动补全功能：输入@或者.没提示
自动补全功能.一般默认的只有输入 . 的时候来才能自动提示. 配置方法: 1. 打开MyEclipse,然后"window"→"Preferences" 2. ...
如何为 .NET Core CLI 启用 TAB 自动补全功能
Intro 在 Linux 下经常可以发现有些目录/文件名,以及有些工具可以命令输入几个字母之后按 TAB 自动补全,最近发现其实 dotnet cli 也可以,从.NET Core 2.0 SDK ...
时钟表24进制HTML,24进制数字电子钟时计器、译码显示电路具有自动清零功能
设计要求时间以24秒为一个周期,具有自动清零功能. 前言 24进制电子数字钟是实现具有24进制清零功能的电子钟,它主要由脉冲.10进制加法器74LS160.译码器74LS48.共阴极tisim9和P ...
个人建议：设置Alt+S快捷键来控制VSCode自动保存切换功能
经常要修改配置文件或者组件Vue,但是自动保存如果设置了就会导致还没输入完成一个完整代码行,就自动格式化(当时这种情况真的想骂人),但平时编辑Vue页面文件又不想每次都去Ctrl+S保存(毕竟键盘死的 ...
SAP RETAIL 通过自动补货功能触发采购申请
SAP RETAIL 通过自动补货功能触发采购申请这段时间,笔者试图想在SAP RETAIL系统里,通过自动补货的事务代码WRP1R来触发一个采购申请单据,但是一直都没有成功. 今天笔者在看门店NM ...
写了一个将VxWorks的shell打印输出到指定内存中的接口，可广泛用于CLI下的调试函数显示以及故障自动捕获等功能，稍作修改可以适合其它嵌入式OS...
本代码在Tornado2.0的Simu下调试通过,原理上与CPU架构无关,应该都适用. 如果引用的话,请告诉我,或者评论一句[页面最下方],不要一声不吭 /* usrAppInit.c - stub ...

AngularJS 实现的输入自动完成补充功能

AngularJS 实现的输入自动完成补充功能相关推荐

最新文章

热门文章