autocomplete.js angular bootstrap-ui

autocomplete.js

autocomplete.directive('suggest', ['$compile', 'AutocompleteService', function ($compile, AutocompleteService) {
    var cnt = 0;

    return {
        require:    '',
        restrict:   'A',
        replace:    true,
        transclude: true,
        template:   '<input ng-transclude type="text" autocomplete="off" typeahead="item for item in items" />',
        compile:    function (elm, attrs) {
            ++cnt;

            var type = attrs.suggest,
                autocompletItems = attrs.items || '', // for non-ajax cases
                itemsName = 'items' + cnt,
                funcName = 'completeIt' + cnt;

            // Selector for the typeahead plugin
            var selector = 'item for item in ' + funcName + '($viewValue)';
            if (type == 'array') {
                selector = 'item for item in ' + itemsName + '|filter:$viewValue';
            }
            // attach selector
            $(elm).attr('typeahead', selector);

            return function ($scope, elm, attrs, ngModel) {

                $scope[itemsName] = autocompletItems ? autocompletItems.split(',') : [];
                $scope[funcName] = AutocompleteService.getLookupFunction(type);
            };
        }
    };
}]);