Ng-lazyload-image: 가로 스크롤 ionic2

안녕,

lazyContainer.ionScroll 는 어떤 이유로 세로로 스크롤할 때만 이벤트를 발생시키는 것 같습니다. ionScroll 값을 인쇄하여 스크롤할 때 값이 방출되는지 확인할 수 있습니까?

<ion-scroll scrollX="true" #lazyContainer>
  <img class="thumbnail-avatar-square spacer" *ngFor="let item of recent"
    (click)="tapped(item)"
    [scrollObservable]="lazyContainer.ionScroll"
    [lazyLoad]="item.avatar">
  {{ lazyContainer.ionScroll | async | json }}
</ion-scroll>

@kodeine 문제가 계속 발생하면 이 문제를 다시 여십시오.

안녕하세요,

먼저... @tjoskar 축하합니다. 이것은 Ionic 3.9.2에서 예상대로 작동합니다. 그러나 이온 스크롤과 동일한 문제가 있습니다. 방금 async/json 파이프를 사용하여 ionScroll의 값을 인쇄하려고 시도했는데 null을 반환합니다. 그래서 그것이 작동하지 않는 이유라고 생각합니다.

이 이온 문제에 대한 해결 방법이 있습니까?

업데이트: 나는 작업 예제와 동일한 것을 시도했고 또한 ionScroll이 null을 반환하고 있습니까?

작동합니다. 핵심은 scrollTarget을 scroll._scrollContent.nativeElement

아래 전체 코드

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

안녕하세요 @fmendoza 각 행이 가로로 스크롤 가능하고 이미지를 지연 로드해야 하는 여러 행이 있습니다.
그러나 첫 번째 로드 시 보이는 행만 이미지를 표시합니다.
수직으로 스크롤하여 다른 행을 노출해도 이미지 로드가 트리거되지 않습니다.
내 이온 콘텐츠의 수직 스크롤과 내 이온 스크롤의 수평 스크롤에서 이러한 이미지를 로드하고 싶습니다.
두 개의 scrollTargets와 함께 작동하도록 합니다. 하나는 이온 스크롤용이고 다른 하나는 이온 함량용입니다.
친절하게 도와주세요

저는 아래 해킹을 사용하여 수평으로 스크롤된 목록이 기본 콘텐츠의 수직 스크롤 뷰포트 외부에 있는 문제를 해결했습니다.
제 경우에는 모든 목록의 처음 2개 항목이 기본 콘텐츠의 수직 스크롤 내에서 항상 표시된다는 것을 알고 있으므로 스크롤 컨테이너를 <ion-content #content> 합니다. 그리고 나머지 목록 항목은 수평 스크롤의 <ion-scroll scrollX="true" #recentScroll> 됩니다.

<ion-content #content>
        <!-- more ion-scrolls here -->
    <ion-scroll #recentScroll scrollX="true">
        <ng-container *ngFor="let subitem of recentItems; let i = index">
            <horizontal-item [item]="subitem" 
                                [scrollContainer]="content._scrollContent.nativeElement" 
                                (openItem)="showItemDetails($event, true)"
                    *ngIf="i < 2"></horizontal-item>
            <horizontal-item [item]="subitem" 
                                [scrollContainer]="recentScroll._scrollContent.nativeElement"
                                (openItem)="showItemDetails($event, true)"
                   *ngIf="i >= 2"></horizontal-item>
        </ng-container>
    </ion-scroll>
        <!-- more ion-scrolls here -->
</ion-content>