AutoComplete Text Box

You can write a custom directive to this . Below code will be useful

function DefaultCtrl($scope) {

$scope.names = ["john", "bill", "charlie", "robert", "alban", "oscar", "marie", "celine", "brad", "drew", "rebecca", "michel", "francis", "jean", "paul", "pierre", "nicolas", "alfred", "gerard", "louis", "albert", "edouard", "benoit", "guillaume", "nicolas", "joseph"];

}

angular.module('MyModule', []).directive('autoComplete', function($timeout) {

return function(scope, iElement, iAttrs) {

iElement.autocomplete({

source: scope[iAttrs.uiItems],

select: function() {

$timeout(function() {

iElement.trigger('input');

}, 0);

}

});

};

});

Complete sample code at : http://jsfiddle.net/sebmade/swfjT/

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Pradeep Sahoo9y ago
You can write a custom directive to this . Below code will be useful

function DefaultCtrl($scope) {
$scope.names = ["john", "bill", "charlie", "robert", "alban", "oscar", "marie", "celine", "brad", "drew", "rebecca", "michel", "francis", "jean", "paul", "pierre", "nicolas", "alfred", "gerard", "louis", "albert", "edouard", "benoit", "guillaume", "nicolas", "joseph"];
}
angular.module('MyModule', []).directive('autoComplete', function($timeout) {
return function(scope, iElement, iAttrs) {
iElement.autocomplete({
source: scope[iAttrs.uiItems],
select: function() {
$timeout(function() {
iElement.trigger('input');
}, 0);
}
});
};
});
Complete sample code at : http://jsfiddle.net/sebmade/swfjT/