mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
fix(virtualScroll): fixes from rc1 breaking changes
This commit is contained in:
@ -13,11 +13,11 @@
|
||||
<ion-list [virtualScroll]="items"
|
||||
[headerFn]="headerFn">
|
||||
|
||||
<ion-item-divider *virtualHeader="#header">
|
||||
<ion-item-divider *virtualHeader="let header">
|
||||
Header: {{header}}
|
||||
</ion-item-divider>
|
||||
|
||||
<ion-item *virtualItem="#item">
|
||||
<ion-item *virtualItem="let item">
|
||||
Item: {{item}}
|
||||
</ion-item>
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
|
||||
<div [virtualScroll]="items" approxItemHeight="320px">
|
||||
|
||||
<ion-card *virtualItem="#item">
|
||||
<ion-card *virtualItem="let item">
|
||||
|
||||
<div>
|
||||
<ion-img [src]="item.imgSrc" [height]="item.imgHeight"></ion-img>
|
||||
|
@ -52,16 +52,16 @@
|
||||
approxHeaderWidth="100%"
|
||||
approxHeaderHeight="36px">
|
||||
|
||||
<div *virtualHeader="#header" class="virtual-header">
|
||||
<div *virtualHeader="let header" class="virtual-header">
|
||||
Header: {{header.date}}
|
||||
</div>
|
||||
|
||||
<div *virtualItem="#item" class="virtual-item">
|
||||
<div *virtualItem="let item" class="virtual-item">
|
||||
<ion-img [src]="item.imgSrc"></ion-img>
|
||||
<!--{{ item.index }}-->
|
||||
</div>
|
||||
|
||||
<div *virtualFooter="#footer" class="virtual-footer">
|
||||
<div *virtualFooter="let footer" class="virtual-footer">
|
||||
footer
|
||||
</div>
|
||||
|
||||
|
@ -4,11 +4,11 @@
|
||||
|
||||
<ion-list [virtualScroll]="items" [headerFn]="headerFn">
|
||||
|
||||
<ion-item-divider *virtualHeader="#header">
|
||||
<ion-item-divider *virtualHeader="let header">
|
||||
Header: {{ header }}
|
||||
</ion-item-divider>
|
||||
|
||||
<ion-item *virtualItem="#item">
|
||||
<ion-item *virtualItem="let item">
|
||||
<span [style.fontSize]="item.fontSize">{{ item.item }}</span>
|
||||
</ion-item>
|
||||
|
||||
|
@ -485,7 +485,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
|
||||
for (var i = 0; i < this._nodes.length; i++) {
|
||||
node = this._nodes[i];
|
||||
if (node.hasChanges) {
|
||||
node.view['changeDetectorRef'].detectChanges();
|
||||
node.view['detectChanges']();
|
||||
node.hasChanges = false;
|
||||
}
|
||||
}
|
||||
|
@ -239,8 +239,6 @@ export function populateNodeData(startCellIndex: number, endCellIndex: number, v
|
||||
// apply the cell's data to this node
|
||||
availableNode.view.context.$implicit = cell.data || records[cell.record];
|
||||
availableNode.view.context.index = cellIndex;
|
||||
availableNode.view.context.even = (cellIndex % 2 === 0);
|
||||
availableNode.view.context.odd = (cellIndex % 2 === 1);
|
||||
availableNode.hasChanges = true;
|
||||
availableNode.lastTransform = null;
|
||||
madeChanges = true;
|
||||
|
Reference in New Issue
Block a user