http://jsfiddle.net/swfjT/894/
Html
<div ng-app='MyModule'>
<div ng-controller='DefaultCtrl'>
<input auto ng-model="selected">
selected = {{selected}}
</div>
</div>
script
function DefaultCtrl($scope) {
}
angular.module('MyModule', []).directive('auto', function($timeout) {
var 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"];
return {
restrict : 'A',
require : 'ngModel',
link : function(scope, iElement, iAttrs) {
iElement.autocomplete({
source: names,
select: function() {
$timeout(function() {
iElement.trigger('input');
}, 0);
}
});
}
};
});
