javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(img): ensure scroll has been initialized

Browse Source
This commit is contained in:
Adam Bradley
2016-12-07 15:59:20 -06:00
parent aec8f51b60
commit 39e1dce72d
4 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/content/content.ts
View File

@@ -777,7 +777,7 @@ export class Content extends Ion implements OnDestroy, OnInit {
* @private
*/
imgsUpdate() {
if (this._imgs.length && this.isImgsUpdatable()) {
if (this._scroll.initialized && this._imgs.length && this.isImgsUpdatable()) {
updateImgs(this._imgs, this.scrollTop, this.scrollHeight, this.directionY, IMG_REQUESTABLE_BUFFER, IMG_RENDERABLE_BUFFER);
}
}

2
src/components/tabs/test/basic/app-module.ts
View File

@@ -187,7 +187,7 @@ export class Tab2 {
<button ion-button (click)="appNavPop()">App Nav Pop</button>
</p>
<ion-list [virtualScroll]="items" [headerFn]="headerFn">
<ion-list [virtualScroll]="items">
<ion-item *virtualItem="let item">
Item: {{item}}

6
src/components/virtual-scroll/test/cards/main.html
View File

@@ -8,15 +8,15 @@
<div [virtualScroll]="items" approxItemHeight="320px">
<ion-card *virtualItem="let item">
<ion-card *virtualItem="let item; let itemBounds = bounds;">
<div>
<ion-img [src]="item.imgSrc" [height]="item.imgHeight" [alt]="item.name"></ion-img>
<ion-img [src]="item.imgSrc" [height]="item.imgHeight" [alt]="item.name" [bounds]="itemBounds"></ion-img>
</div>
<ion-item>
<ion-avatar item-left>
<ion-img [src]="item.avatarSrc" height="40" width="40"></ion-img>
<ion-img [src]="item.avatarSrc" height="40" width="40" [bounds]="itemBounds"></ion-img>
</ion-avatar>
<h2>{{ item.name }}</h2>
</ion-item>