Angular Material - Chips Autocomplete - how to display required error message & error highlight color

[rahultalar]

What is the expected behavior?

I am using angular material - mat-autocomplete inside form. I want to show red highlight text and border color to the input field & mat-error message for matAutocomplete input when form is invalid. Suggestion for reactive or template driven form will work

What is the current behavior?

required validation is not applied to mat-autocomplete

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material-chips-autocomplete-validation-error-highlight

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angualr 6 & Above

Is there anything else we should know?

screenshot : https://i.stack.imgur.com/58dMV.png

[jelbourn]

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

(this is a canned response)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}