Ng-lazyload-image: क्षैतिज स्क्रॉल आयनिक2

नमस्ते,

मुझे लगता है कि किसी कारण से लंबवत स्क्रॉल करते समय 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 बधाई। यह आयोनिक 3.9.2 पर अपेक्षित कार्य करता है। हालाँकि, मेरे पास आयन-स्क्रॉल के साथ एक ही समस्या है। मैंने अभी async/json पाइप के साथ ionScroll के मान को प्रिंट करने का प्रयास किया है और अशक्त लौट रहा है। तो मुझे लगता है कि यही कारण है कि काम नहीं कर रहा है।

इस आयनिक मुद्दे के लिए कोई समाधान?

अपडेट करें: मैंने एक कामकाजी उदाहरण के साथ ऐसा करने की कोशिश की और आयनस्क्रॉल भी शून्य लौट रहा है?

काम कर गया। कुंजी स्क्रॉल लक्ष्य को 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 मेरे पास कई पंक्तियाँ हैं जहाँ प्रत्येक को क्षैतिज रूप से स्क्रॉल करने योग्य और आलसी लोड चित्र होना चाहिए
हालाँकि केवल दृश्यमान पंक्तियाँ पहले लोड पर चित्र प्रदर्शित करती हैं।
अन्य पंक्तियों को उजागर करने के लिए लंबवत स्क्रॉल करना छवि लोड को ट्रिगर नहीं करता है।
मैं अपनी आयन-सामग्री के लंबवत स्क्रॉल और मेरे आयन-स्क्रॉल के क्षैतिज स्क्रॉल पर इन छवियों के लोड को सक्षम करना चाहता हूं
जैसे कि मेरे पास दो स्क्रॉल लक्ष्य के साथ काम कर रहा है। एक आयन-स्क्रॉल के लिए और दूसरा आयन-सामग्री के लिए
कृपया सहायता कीजिये

मैंने मुख्य सामग्री के वर्टिकल स्क्रॉल के व्यूपोर्ट के बाहर क्षैतिज रूप से स्क्रॉल की गई सूची होने के मुद्दे को हल करने के लिए नीचे दिए गए हैक का उपयोग किया है।
मेरे मामले में, मुझे पता है कि प्रत्येक सूची के पहले 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>