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

ItemTemplateDirective

Renders the ListBox item content. To define the item template, nest an <ng-template> tag with the kendoListBoxItemTemplate directive inside the <kendo-listbox> tag. The template context is set to the current data item.

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

Selector

[kendoListBoxItemTemplate]

In this article

Not finding the help you need?