Angular Material #7 - Autocomplete Component

Angular Material is a UI Component-Based Library for Angular and through this series, we will take a look into each feature that Angular Material has to offer.

✦ ANGULAR MATERIAL SERIES:

✦ SKILLSHARE:

✦ UDEMY:

✦ SUGGESTED VIDEOS:

✦ CHAPTERS:
0:00​ Intro
0:32 Plan for Code
1:08 Example of Autocomplete Component
1:55 Preparing the Code
3:26 Using Autocomplete Component
5:23 Creating Markup for Autocomplete
8:20 Setting Data
11:00 Showing Data in Autocomplete
11:54 Filtering Data
16:03 Testing Autocomplete
16:53 Outro

[sagarkapasi]

But there is no validation to get only values from the list, backspace is still available to change from Paris to Parisia OR Paris to Erlick

[singampallihsaisimhachalam]

Can we achieve this auto-complete for this search bar without using formsModule?