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

ItemTemplateDirective

Directive

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.

Definition

Package:@progress/kendo-angular-listbox

Selector:[kendoListBoxItemTemplate]

Syntax:

@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 { }