FixedGroupTemplateDirective

Renders the fixed group header content. To define the fixed group template, nest an <ng-template> tag
with the kendo<ComponentName>FixedGroupTemplate directive inside the component tag. The template context is
set to the current component. To get a reference to the current data item, use the let-groupName directive.

import { groupBy } from '@progress/kendo-data-query';
@Component({
selector: 'my-app',
template: `
 <kendo-combobox [data]="groupedData" [textField]="'name'" [valueField]="'name'">
   <ng-template kendoComboBoxFixedGroupTemplate let-groupName>
     <span>Food type: {{groupName}} option</span>
   </ng-template>
 </kendo-combobox>
`
})
class AppComponent {
  public data = [
      { name: "Pork", category: "Food", subcategory: "Meat" },
      { name: "Pepper", category: "Food", subcategory: "Vegetables" },
      { name: "Beef", category: "Food", subcategory: "Meat" }
  ];
  public groupedData = groupBy(this.data, [{field: "subcategory"}]);
}

Selector

[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]