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

ItemGroupHeaderTemplateDirective

Directive

Defines the content template for a group header. Place an <ng-template> with this directive inside a group-header <kendo-menu-item>.

The template context provides:

item—The group header item.
index—The hierarchical index of the group header item.

Definition

Package:@progress/kendo-angular-menu

Selector:[kendoMenuItemGroupHeaderTemplate]

Syntax:

html

<kendo-menu-item text="Edit">
  <kendo-menu-item text="Clipboard" [groupHeader]="true">
    <ng-template kendoMenuItemGroupHeaderTemplate let-item="item" let-index="index">
      <strong>{{ item.text }}</strong> <small>{{ index }}</small>
    </ng-template>
  </kendo-menu-item>
  <kendo-menu-item text="Copy"></kendo-menu-item>
</kendo-menu-item>