LoaderTemplateDirective

Overrides the default loader content of the ListView. To define a loader template, nest an <ng-template> tag with the kendoListViewLoaderTemplate directive inside the <kendo-listview> tag (see example).

typescript

@Component({
  template: `
    <kendo-listview [data]="items" [loading]="isLoading">
      <ng-template kendoListViewLoaderTemplate>
        <div class="custom-loader">
          <kendo-loader></kendo-loader>
          <p>Loading data, please wait...</p>
        </div>
      </ng-template>
    </kendo-listview>
  `
})
export class AppComponent { }

Selector

[kendoListViewLoaderTemplate]