mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
40 lines
874 B
HTML
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>
|