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

Binding to Models

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.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme: