New to Kendo UI for Angular? Start a free 30-day trial

Forms Support

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

When using forms, the component can be bound to a primitive or an object value (more details on supported value types).

Template-Driven Forms

Angular's template-driven forms enable you to quickly bind the MultiColumnComboBox to a property value by using the ngModel directive.

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Reactive Forms

The MultiColumnComboBox can also be used in reactive forms.

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

Example
View Source
Edit In Stackblitz  
Change Theme:

FormField Association

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

Example
View Source
Edit In Stackblitz  
Change Theme: