Implementing Autocomplete using Angular Material UI
As a unique input control with an integrated dropdown to display all potential matches to a specific query, the mat-autocomplete is an Angular Directive.
As soon as the user puts something into the input area, this control operates as a real-time suggestion box.
You can utilise mat-autocomplete to deliver search results from nearby or distant data sources.
Lets add the element in app.component.html