New to Kendo UI for AngularStart a free 30-day trial

Binding to Models

Updated on Jun 25, 2026

The Kendo UI for Angular Gantt provides interfaces for configuring the task models fields and the dependency models fields.

Task Model Fields

By default, the Gantt accepts an array of GanttTask objects as data. To bind the component to custom objects, bind a model field map to the taskModelFields property.

The following example demonstrates how to bind the Gantt to custom task objects by providing a field mapping via the taskModelFields property.

Change Theme
Theme
Loading ...

Dependency Model Fields

By default, the Gantt accepts an array of GanttDependency objects as dependencies data. To bind the component to custom objects, bind a model field map to the dependencyModelFields property.

The following example demonstrates how to bind the Gantt to custom dependency objects by providing a field mapping via the dependencyModelFields property.

Change Theme
Theme
Loading ...