Previously we already discussed below Auto Complete components:
- Ajax Based Multiselect JQuery Autocomplete Control in ASP.Net
- AutoComplete Component in Visualforce using JQueryUI
In this article, we will be creating TypeAhead Directive (Auto Complete) again in Salesforce However this time we will use AngularJs. Why we are using AngularJS ? We discussed already in one of article.
Getting Remote Data in JSON format using AJAX from:
To get data from remote source, we are using same code “Visualforce Account_JSON” and “Controller AccountJSONCreator ” explained in this article. Only thing I have added in wrapper class is ID field.
Other than AngularJs, we are also using Bootstrap in this article to make slick UI.

Angular Directive :
Directive is great way of declaring your own component and re-use throughout page. write once and re-use every where. Our directive will look like : Continue reading “Ajax based AutoComplete / TypeAhead Directive in AngularJS”