New to Kendo UI for Angular? Start a free 30-day trial
GanttTaskContentTemplateDirective
Represents a template that defines the text content section of the task component.
To define the template, nest an <ng-template> tag
with the kendoGanttTaskContentTemplate directive inside the <kendo-gantt> tag.
The template context is set to the current data item.
@Component({
selector: 'my-app',
template: `
<kendo-gantt [kendoGanttHierarchyBinding]="data">
<ng-template kendoGanttTaskContentTemplate let-dataItem>
{{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
</ng-template>
</kendo-gantt>
`
})
class AppComponent {
public data: any[] = sampleTasks;
}Selector
[kendoGanttTaskContentTemplate]
