Angular 11 autocomplete using angular material example. In this tutorial, you will learn how to implement autocomplete search using angular material in the angular 11 app.

In this tutorial will guide you step by step on how to implement autocomplete search using external apis with angular material in angular 11 app.

Angular 11 Autocomplete with Angular Material Tutorial Example

• Step 1 – Create New Angular App
• Step 2 – Add Code on Module.ts File
• Step 3 – Add Code on View File
• Step 4 – Add Code On Component ts File
• Step 5 – Create Services
• Step 6 – Start Angular App

Step 1 – Create New Angular App

First of all, open your terminal and execute the following command on it to install angular app:

ng new my-new-app

Then execute the following command on terminal to install angular material:

ng add @angular/material

#angular