翻译自官网:https://angular-ui.github.io/bootstrap/#/typeahead

Typeahead可以在输入框输入时有只能提示的作用。

参数设置:

1) ng-model: 绑定angular表达式

2) ng-model-options:

3) typeahead-append-to: 默认null, typeahead添加到某个元素还是追加到父元素

4) typeahead-append-to-body: 默认false,typeahead添加到body还是追加到父元素

5) typeahead-editable: 默认true,是否限制模型数据只能从弹出框选择,false:表示输入框中的内容只能从弹出框选择

6) typeahead-focus-first: 默认true, 匹配项中的第一个是否自动获得焦点

7) typeahead-focus-select: 默认true,在选择时聚焦和typeahead有关的输入元件

8) typeahead-input-formatter: 默认undefined,选择完后格式化ng-model的结果

9) typeahead-is-open: 默认angular.noop,绑定显示dropdown是否打开的变量

10) typeahead-loading: 默认angular.noop,绑定一个变量,指示是否正在异步检索匹配

11) typeahead-min-width: 默认1,在typeahead提示前,输入到输入框的最小字符数,必须大于或等于0

12) typeahead-no-results: 默认angular.noop,绑定到一个变量,显示没有找到匹配结果

13) typeahead-should-select($event): 默认null,当keyup事件触发选择时的回调函数,只有该函数返回true,才能选择

14) typeahead-on-select($item,$model,$label,$event): 默认null,选择匹配时执行的回调,如果选择不是从用户事件触发的$event就是undefined

15) typeahead-popup-template-url: 默认uib/template/typeahead/typeahead-popup.html

16) typeahead-select-on-blur: 默认false,失焦时选择当前高亮的匹配项

17) typeahead-select-on-exact: 默认false,当匹配项只有一个时自动选择这个

18) typeahead-show-hint: 默认false, 当第一个选项匹配时显示提示

19) typeahead-template-url: uib/template/typeahead/typeahead-match.html

20) typeahead-wait-ms: 默认0, 最后一个字符输入typeahead触发前的最小等待时间

21) uib-typeahead:

Typeahead的更多相关文章

  1. Bootstrap 中的 Typeahead 组件 -- AutoComplete

    Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,功能很强大,但是,使用上并不太方便.这里我们将介绍一下这个组件的使用. 第一,简单使用 首先,最简单 ...

  2. AngularJs的UI组件ui-Bootstrap分享(十一)——Typeahead

    Typeahead指令是一个用于智能提示或自动完成的控件,就像Jquery的AutoComplete控件一样.来看一个最简单的例子: <!DOCTYPE html> <html ng ...

  3. typeahead.js 使用记录

    github地址:https://github.com/twitter/typeahead.js 在aceAdmin界面模板中,有typeahead这一控件,版本号为0.10.2 , 这个版本对 mi ...

  4. bootstrap - typeahead自动补全插件

    $('#Sale').typeahead({ ajax: { url: '@Url.Action("../Contract/GetSale")', //timeout: 300, ...

  5. Bootstrap Typeahead/Jquery autocomplete自动补全

    使用Bootstrap Typeahead 组件: Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,自动填充. 效果如图所示: 实现方式: 1.引入 ...

  6. 第五章 使用 Bootstrap Typeahead 组件(百度下拉效果)

    推荐链接:http://www.cnblogs.com/haogj/p/3376874.html UnderScore官网:http://underscorejs.org/ 参考文档:http://w ...

  7. 【微收藏】来自Twitter的自动文字补齐jQuery插件 - Typeahead.js

    没图没逼格 事发有因 该插件可以结合本地数据进行一些操作.推荐关注一下H5的几种数据存储的方式(localstorage与sessionstorage.IndexedDB.离线缓存manifest文件 ...

  8. 使用 Bootstrap Typeahead 组件

    Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,功能很强大,但是,使用上并不太方便.这里我们将介绍一下这个组件的使用. 第一,简单使用 首先,最简单 ...

  9. 在 angularjs 中集成 bootstrap typeahead

    问题 在使用 typeahead 的时候,有这样一个需求,当用户选中其中一项的之后,将项目对应的 id 保存到另外一个变量中,以后在提交表单的时候,将这个 id 发送到服务器中. 但是,在 typea ...

  10. 使用升级版的 Bootstrap typeahead v1.2.2

    上次介绍了 Bootstrap 2 中附带的 typeahead,功能强大,但是使用起来不太方便,作者 Terry Rosen 已经升级了一个新版本 v1.2.2,作出了很大的改进. 下载地址 htt ...

随机推荐

  1. Windows系统MySQL8.0的安装教程

    MySQL推出的8.0版本亮点多多,尤其是两倍的提速更让我们迫不及待地安装一睹为快.然而目前我们所用的版本还在5.7之前,今天小编给家分享一下MySQL8.0的安装,尤其是多版本MySQL的共存. 方 ...

  2. 常用命令4-文件搜索命令 2- whereis

    whereis比较局限,只能查看系统命令.

  3. 廖雪峰Python总结1

    1.输入输出 输入? 2.文本编辑器中,需要把Tab键自动转换为四个空格,确保不混用Tab和空格. 3.数据类型和变量 1.整数和浮点数在计算机内部存储的方式是不同的,整数运算永远是精确的(包括除法) ...

  4. SQL Server 记录(更新中...)

    sys.databases 显示所有数据库信息 sys.tables 显示当前数据库所有的表的信息 Go 向 SQL Server 实用工具发出一批 Transact-SQL 语句已结束的信号,Go本 ...

  5. centos安装php7.18注意

    报错–php53-common conflicts with php-common //解决 yum -y install php* --skip-broken 第一步:安装源 yum install ...

  6. 【转载】Ubuntu终端常用的快捷键

    Ubuntu中的许多操作在终端(Terminal)中十分的快捷,记住一些快捷键的操作更得心应手.在Ubuntu中打开终端的快捷键是Ctrl+Alt+T.其他的一些常用的快捷键如下: 快捷键 功能 Ta ...

  7. constexpr:编译期与运行期之间的神秘关键字

    Scott Meyers在effective modern c++中提到“If there were an award for the most confusing new word in C++11 ...

  8. Atcoder Tenka1 Programmer Contest C C - 4/N

    http://tenka1-2017.contest.atcoder.jp/tasks/tenka1_2017_c 我怀疑我是不是智障.... 本来一直的想法是能不能构造出答案,把N按奇偶分,偶数好办 ...

  9. JPA中id前面有空格导致的"Column 'id' not found"问题

    问题背景 昨晚有个同事发生了一个神奇的问题,一如既往的问题,一如既然的用我写的BEJSON-JAVA代码生成器生成,却发现一直提示Column 'id' not found.这就很TM神奇了 2018 ...

  10. HDU-1260_Tickets

    Tickets Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Problem Des ...