ItemTemplateDirective

Allows you to customize the rendering of each item in the Kendo UI ListBox for Angular.

Place an <ng-template> with the kendoListBoxItemTemplate directive inside your <kendo-listbox> component. The template context exposes the current data item as let-dataItem.

typescript

@Component({
  selector: 'my-app',
  template: `
    <kendo-listbox [data]="listBoxItems">
      <ng-template kendoListBoxItemTemplate let-dataItem>
        <span>{{ dataItem }} item</span>
      </ng-template>
    </kendo-listbox>
  `
})
export class AppComponent { }

Selector

[kendoListBoxItemTemplate]