angular-jquery-autocomplete

jQuery UI autocomplete to AngularJS

Added by: Sam Deering

GitHub

Repository

danicomas/angular-jquery-autocomplete

Stats

Stars: 2

Watchers: 2

Forks: 1

Module Description

angular-jquery-autocomplete

jQuery UI autocomplete (http://jqueryui.com/autocomplete/) to AngularJS

Scripts

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="scripts/angular-jquery-autocomplete.js"></script>

App

var app = angular.module('YourApp', ['angular-jquery-autocomplete']);

View

<input id="LabelDevice" placeholder="{{ 'Events_Search' | translate }}" class=" form-control" data-ng-model="event.device.label" autocomplete autocompleteconfig="labelDeviceAutoComplete" />

Controller

$scope.labelDeviceAutoComplete = {
    source: function (request, response) {

        var array = [];

        array.push({ label: 'sss', value: 1 });

        response(array);
    },
    minLength: 3,
    select: function (event, ui) {
        this.value = ui.item.label;

        return false;
    }
};

Module stats last updated: 2015-06-28 10:58:41

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!