Наблюдаемое слияние Array для Inifinite-scroll

Question

В мобильном приложении Ionic2 + Angular2 + Meteor контакты перечислены с опцией бесконечной прокрутки. Контакты должны быть добавлены в партию 20 во время прокрутки.

import {Observable} from "rxjs"; 
    contacts: Observable<Contact[]>; 

    /* code to pull Contacts from collection */ 
    findContacts() :Observable<Contact[]> { 
      return Contacts.find({accessGroup: {$in: this.sourcingUser.accessGroup} 
              }, {sort: {firstName: 1}}) 
         .mergeMap<Contact[]>(contacts => 
          Observable.combineLatest(
          ...contacts.map(contact => 
           Suppliers.find({supplierId: contact.supplierId}) 
           .startWith(null) 
           .map(suppliers => { 
            if(suppliers){ 
             contact.supplier = suppliers[0]; 
            } 
            return contact; 
           }) 
          ))).zone();  
    } 


     // Code to append contacts 
     this.contactsSub = MeteorObservable.subscribe('contacts', options).subscribe(() => { 
      MeteorObservable.autorun().subscribe(() => { 
       if(!this.contacts){ 
        this.contacts = this.findContacts(); 
       } else { 
        this.contacts = this.contacts.merge(this.findContacts()); 
       } 
     }); 
     }); 

Этот код отлично работает, когда отображаются первые 20 контактов и следующие 20. Но после этого, в evertime, он удерживает первые 20 контактов, а новые прикрепленные контакты заменяются новыми 20 контактами из метода findContacts().

Таким образом, он всегда отображает только 40 контактов. Есть ли способ сохранить/добавить контакты в существующий список контактов? Любая помощь очень ценится.

Thanks, Annadurai.

Answer 1

Основная причина проблемы связана с проблемой производительности при выполнении mergeMap в моем случае. Я удалил mergeMap и обработал бизнес-требования по-разному, чтобы решить эту проблему.