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. Однако у меня такая же проблема с ion-scroll. Я просто попытался распечатать значение ionScroll с помощью конвейера async / json и возвращает 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>