Angular Material Autocompelte is a standard mat autocomplete wrapper, designed to simplify and reduce work with autocomplete inputs. It extends the traditional behavior with new functionality such as binding a form control, fetching from an API service or dataset, prefetching items on start, loading animations, and rendering template for options in the menu.

angular material autocomplete example, materialautocomplete, mat autocomplete scroll strategy, mat autocomplete clear input

[Bootstrap 5] Autocomplete Functionality for Input Fields in Vanilla Javascript

How to make use of it:

Install the package via npm:

npm install @vguleaev/angular-material-autocomplete

Requires installation of angular material.

npm install @angular/material @angular/cdk

import module with:

import { NgMatAutocompleteModule } from '../../node_modules/@vguleaev/angular-material-autocomplete';

Use the component somewhere in the html template.

<ng-mat-autocomplete> </ng-mat-autocomplete>

Angular Material Autocompelte Component Plugin/Github

See Demo And Download

Official Website(vguleaev): Click Here

This superior jQuery/javascript plugin is developed by vguleaev. For extra Advanced Usages, please go to the official website.