Files
ionic-framework/src/components/virtual-scroll/test/basic/main.html
Manu Mtz.-Almeida 999efaca9a fix(virtual-list): works with infinite-scroll
fixes #9350
fixes #9722
fixes #9247
fixes #10778
2017-03-15 17:38:31 +01:00

40 lines
874 B
HTML

<ion-header>
<ion-navbar>
<ion-title>Virtual Scroll{{webview}}</ion-title>
<ion-buttons end>
<button ion-button (click)="reload()">
Reload
</button>
<button ion-button icon-only (click)="addItem()">
<ion-icon name="add"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<div padding>
<button ion-button (click)="pushPage()">Push Virtual Scroll Page</button>
</div>
<ion-list [virtualScroll]="items"
[headerFn]="headerFn">
<ion-item-divider *virtualHeader="let header">
Header: {{header}}
</ion-item-divider>
<ion-item *virtualItem="let item">
Item: {{item.value}} {{item.someMethod()}}
</ion-item>
</ion-list>
<div padding>
<button ion-button (click)="pushPage()">Push Virtual Scroll Page</button>
</div>
</ion-content>