New to Kendo UI for Angular? Start a free 30-day trial
GanttTaskContentTemplateDirective
Defines a template for the text content section of the task component.
Place an <ng-template>
tag with the kendoGanttTaskContentTemplate
directive inside the <kendo-gantt>
tag to set the template.
The template context uses the current data item.
ts
@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]