AngularJS Autocomplete Directive
38 people use it


A simple but powerful AngularJS directive that allows you to quickly create autocomplete boxes that pull data either from a server or local variable.

To see a demo go here:

Key Features

  • Show just a title, a title and a description or a title, description and image in your autocomplete list
  • Deliberately minimally styled so you can customise it to your heart's content!
  • Reads JSON data and allows you to specify which fields to use for display
  • Simple setup - e.g. to pull data from a server, just set the url parameter

Getting Started

Download the code, and include the angucomplete.js file in your page. Then add the angucomplete module to your Angular App file, e.g. html var app = angular.module('app', ["angucomplete"]);

Local Usage

Remote Usage

comments powered by Disqus
This page was last updated over 4 years ago.