Forms Support

You can use the AutoComplete in template-driven or reactive forms.

The component accepts only data of the string primitive type.

Template-Driven Forms

The template-driven forms enable you to bind the AutoComplete to the model by using the ngModel directive.

The following example demonstrates how to accomplish a two-way data binding. The model field is a primitive value.

Example
View Source
Edit In Stackblitz  
Change Theme:

Reactive Forms

The FormGroup provides a way to render reactive forms. For more details, refer to the Angular Documentation.

The following example demonstrates how to use the AutoComplete in a reactive form with a primitive value binding.

Example
View Source
Edit In Stackblitz  
Change Theme:

FormField Association

The following example demonstrates the usage of the AutoComplete within a FormField with hint and error messages.

Example
View Source
Edit In Stackblitz  
Change Theme: