Typeahead

翻译自官网: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: 

 

posted @ 2016-07-14 14:25  爆炒小黄鸡  阅读(1252)  评论(0编辑  收藏  举报