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

DataBindingDirective

Directive

Encapsulates the in-memory handling of paging for the ListView component (see example).

Definition

Package:@progress/kendo-angular-listview

Selector:[kendoListViewBinding]

Syntax:

@Component({
  selector: 'my-app',
  template: `
    <kendo-listview [kendoListViewBinding]="listItems">
      <ng-template kendoListViewItemTemplate let-dataItem>
        <div>{{ dataItem.name }}</div>
      </ng-template>
    </kendo-listview>
  `
})
export class AppComponent {
  listItems = [{ name: 'Item 1' }, { name: 'Item 2' }];
}

Inputs

kendoListViewBinding

any[]

Specifies the array of data that populates the ListView.