ahmedbhl / Generic-Auto-complete

Advanced Angular: Implementing a Reusable Autocomplete Component with Angular.

Generic-Auto-complete

Features

• Flexible autocomplete with client/server filtering.
• Variable properties and event bindings.
• add/change/remove input icon.
• Selection history.
• Custom item and 'not found' templates.
• Infinite scroll.
• Compatible with Angular forms API (Both Reactive and Template-driven forms).
• Keyboard navigation.
• Accessibility.

Quickstart

Install the project

$ git clone https://github.com/ahmedbhl/Custom-Auto-Complete.git
$ cd Custom-Auto-Complete
$ npm i
$ npm start

or using CLI to start project after install

$ ng serve

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

ScreenShots