New to Kendo UI for Angular? Start a free 30-day trial
ItemContentTemplateDirective
Represents a template for the content of the Menu items (see example). To define the template,
nest an <ng-template> tag with the kendoMenuItemContentTemplate directive inside a <kendo-menu-item> component.
The available fields in the template context are:
item—The item data.index—The item index.
@Component({
selector: 'my-app',
template: `
<kendo-menu>
<kendo-menu-item text="item2">
<ng-template kendoMenuItemContentTemplate let-item="item" let-index="index">
<div style="padding: 10px;">
My Content Template for: {{ item.text }} at index: {{ index }}
</div>
</ng-template>
</kendo-menu-item>
</kendo-menu>
`
})
class AppComponent {
}Selector
[kendoMenuItemContentTemplate]
