Ionic3 Lazyload图像侦听滚动事件仅限垂直问题

Ionic3 Lazyload图像侦听滚动事件仅限垂直问题,ionic3,lazy-loading,Ionic3,Lazy Loading,我使用的是ng lazyload图像,链接是 当我把它和我的代码集成在一起时,除了我发现当列表只是水平滚动时,它不能懒洋洋地加载图像,只有当你垂直滚动时,图像才会加载,任何人都知道如何解决它 我的代码是: <img [defaultImage]="'assets/img/productDefault.png'" [lazyLoad]="product.imageUrl" [scrollObservable]="container.ionScroll"> 非常感谢。@f

我使用的是ng lazyload图像,链接是

当我把它和我的代码集成在一起时,除了我发现当列表只是水平滚动时,它不能懒洋洋地加载图像,只有当你垂直滚动时,图像才会加载,任何人都知道如何解决它

我的代码是:

<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>