Ionic3 Lazyload图像侦听滚动事件仅限垂直问题
我使用的是ng lazyload图像,链接是 当我把它和我的代码集成在一起时,除了我发现当列表只是水平滚动时,它不能懒洋洋地加载图像,只有当你垂直滚动时,图像才会加载,任何人都知道如何解决它 我的代码是:Ionic3 Lazyload图像侦听滚动事件仅限垂直问题,ionic3,lazy-loading,Ionic3,Lazy Loading,我使用的是ng lazyload图像,链接是 当我把它和我的代码集成在一起时,除了我发现当列表只是水平滚动时,它不能懒洋洋地加载图像,只有当你垂直滚动时,图像才会加载,任何人都知道如何解决它 我的代码是: <img [defaultImage]="'assets/img/productDefault.png'" [lazyLoad]="product.imageUrl" [scrollObservable]="container.ionScroll"> 非常感谢。@f
<img [defaultImage]="'assets/img/productDefault.png'" [lazyLoad]="product.imageUrl" [scrollObservable]="container.ionScroll">
非常感谢。@fmendoza为Ionic2+内部的水平滚动和
ng lazyload图像
()-通过[scrollTarget]=“scroll1.\u scrollContent.nativeElement”绑定提供了一个最可行的解决方案。
:
{(item.shortName | | item.name)|摘录:17}
<ion-scroll scrollX="true" direction="x" #scroll1>
<div class="item" margin *ngFor="let item of newItems" (click)="goToItemPage(item)">
<img src="./assets/imgs/placeholder.png"
[lazyLoad]="item.photoThumb?.url()"
[scrollTarget]="scroll1._scrollContent.nativeElement"
/>
<div text-center text-wrap>
<p no-margin>{{ (item.shortName || item.name) | excerpt:17 }}</p>
</div>
</div>
</ion-scroll>