我使用角度ui-select进行自动完成.当用户开始输入时,我希望将最佳匹配项显示为水印,当用户按Tab键时,应该选择它(与谷歌自动建议相同)
请看图像.你可以看到,当我输入’auto’时,’complete’显示为水印,如果我输入TAB,它将被选中.
有一个bower插件
autocompletelikegoogle,你可以创建一个angular指令来渲染你的应用程序中的自动完成输入.
原文链接：https://www.f2er.com/angularjs/143704.htmlDirective.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" />
