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

NoDataTemplateDirective

Directive

Lets you customize the content shown when the ListBox has no data to display. To define a no-data template, nest an <ng-template> tag with the kendoListBoxNoDataTemplate directive inside the <kendo-listbox> tag (see example).

Definition

Package:@progress/kendo-angular-listbox

Selector:[kendoListBoxNoDataTemplate]

Syntax:

html

<kendo-listbox [data]="[]">
  <ng-template kendoListBoxNoDataTemplate>
    No items to display.
  </ng-template>
</kendo-listbox>