我使用角度ui-select进行自动完成.当用户开始输入时,我希望将最佳匹配项显示为水印,当用户按Tab键时,应该选择它(与谷歌自动建议相同)
请看图像.你可以看到,当我输入’auto’时,’complete’显示为水印,如果我输入TAB,它将被选中.
有一个bower插件
autocompletelikegoogle,你可以创建一个angular指令来渲染你的应用程序中的自动完成输入.
Directive.js
angular.module('app').directive('autoComplete',[ '$timeout',function($timeout) { return function(scope,element,attrs) { var auto; auto = function() { $timeout((function() { if (!scope[attrs.uiItems]) { auto(); } else { element.autocomplete({ source: [scope[attrs.uiItems]] }); } }),5); }; return auto(); }; } ]);
HTML使用示例
<input type="text" auto-complete ui-items="list" ng-model="yourModel" class="form-control" placeholder="Tipe something" />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。