AngularJS的输入框自动补全:Angucomplete

Angucomplete   2015-04-24 08:54:11 发布
您的评价:
     
4.5
收藏     1收藏
文件夹
标签
(多个标签用逗号分隔)
一个简单但强大的AngularJS指令(directive)能够让你快速创建自动补全输入框。数据源可以是来自远程服务器或本地变量示例: http://darylrowland.github.io/angucomplete


关键特性:
  • Show just a title, a title and a description or a title, description and image in your autocomplete list
  • Deliberately minimally styled so you can customise it to your heart's content!
  • Reads JSON data and allows you to specify which fields to use for display
  • Simple setup - e.g. to pull data from a server, just set the url parameter


AngularJS的输入框自动补全:Angucomplete

基本使用示例:

<angucomplete id="members"
      placeholder="Search members"
      pause="400"
      selectedobject="testObj"
      url="http://myserver.com/api/user/find?s="
      datafield="results"
      titlefield="firstName,surname"
      descriptionfield="email"
      imagefield="profilePic"
      inputclass="form-control form-control-small"/>

项目主页:http://www.open-open.com/lib/view/home/1429836181682

扩展阅读

angular-smarty : 一个 AngularJS 的自动完成 UI 实现
AngularJS开发指南8:AngularJS模块的详解
YY游戏云平台在AngularJS上的实践总结
angularjs + requirejs 完整的手脚架
angularjs + requirejs 完整的手脚架

为您推荐

基于Java的web爬虫,Arachnid
XTemplate - 网页数据绑定组件
在Word文档里插入HTML或MarkDown的Python工具包
Node.js Web 爬虫:Node Osmosis
JavaScript模板引擎:tileTemplate

更多

Angucomplete
AngularJS
相关文档  — 更多
相关经验  — 更多
相关讨论  — 更多