Angular Material - Autocomplete

Help users find and select values from a filtered suggestion list.

How it works

The md-autocomplete directive presents matching suggestions as a user types. Supply a predictable search function, limit or rank results, and handle loading, no-match, and keyboard selection states. Do not make suggestions the only way to provide a value when users may enter a valid item not in the list.

Practical checklist

• Confirm whether the application uses AngularJS Material 1.x or modern Angular Material for Angular v2+.
• Use meaningful labels, keyboard-accessible interactions, and visible focus states.
• Test responsive behavior, validation, and assistive-technology output.
• Review dependency support and security before maintaining a legacy deployment.

Further reading: Tutorialspoint: Angular Material - Autocomplete · AngularJS Material legacy documentation · Current Angular Material documentation.

Back to course overview · Previous: Environment Setup · Next: Angular Material - Bottom Sheet