İyonik 3.X: Sonsuz kaydırma ile sanal kaydırma (yani veri kümesini değiştirme)

Question

"İyonik açısal": "3.2.1" sürümünü kullanıyorum, ancak sanal liste bazı ilerlemeden sonra boş ekranı gösteriyor.

Ben kodu izleyerek çalıştı. Burada

<ion-content padding> 
    <ion-list [virtualScroll]="products" approxItemHeight="100px" [virtualTrackBy]="trackProduct"> 
     <ion-item category-item *virtualItem="let product" (click)="viewProduct(product)"> 
      <img product-image src="some_url.png" /> 
      <div prduct-description ellipsize> 
      <div product-name ellipsize>{{product.productName || "" | uppercase}}</div> 
       <div product-sku ellipsize>SKU# : {{product.sku}}</div> 
       <div price>${{product.price}}/Case</div> 
      </div> 
     </ion-item> 
    </ion-list> 
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)" threshold="100px" #infiniteScroll> 
     <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."> 
     </ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
</ion-content> 

dosya kodu ts alakalı:

/** 
    * This method will be used for virtual scroll. 
    * @param index 
    * @param product 
    */ 
    trackProduct(index, product: Product) { 
    console.log(index, product); 
    return product.productId; 
    } 

• trackProduct denilen almıyor.

Ayrıca virtualTrackBy yönergesini denedim ama hiçbir şey çalışmadım.

Herkes bana yardımcı olabilir mi?

Answer 1

'Ürünler | async 'pipe' ise 'firmalar' firebaseelistobservable gibi bir sunucudan içerik alıyor. Bir normal dizi ile virtualTrackBy asla çağrılmaz.