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.
ts
@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]