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


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:

  • itemThe item data.
  • indexThe item index.

   selector: 'my-app',
   template: `
         <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 }}

class AppComponent {



In this article

Not finding the help you need?