Angular2 Meteor, выдающий бесконечный прокрутки (прокрутка к началу)

Question

Попытка сделать бесконечную страницу прокрутки, которая отображает элементы как пользовательские свитки.

Таким образом, каждый раз, когда я обнаружить, что свиток достигает конца страницы, которую я называю

this.recordLimit += 10; 
this.subscribe('movements', {limit: this.recordLimit}); 

и что triggeres (автозапуск)

 this.autorun(h => { 
      if (this.ready()) { 
       this.items = Items.find(<potential limit filter here too>); 
      } 

Все правильно. Это работает. Однако каждый раз, когда вызывается this.items = Items.find();, браузер пользователя прокручивается вверх.

Потенциально это связано с тем, что элементы dom удалены, прокрутка сбрасывается, а затем элементы снова добавляются без восстановления предыдущей позиции прокрутки.

Что я делаю неправильно?

Примеры, где это 'apparenty' работает:

• https://github.com/barbatus/ng-infinite-scroll/blob/master/scroll-controller.js
• https://github.com/abecks/meteor-infinite-scroll
• http://meteorpedia.com/read/Infinite_Scrolling

@ ########### Редактировать ## ########## @

На самом деле, я заметил, что после Items.find() a h.stop(), чтобы остановить подписку, это работает ... Думаю, предыдущий манго-курсор обновлен с последним лимитом подписки.

Однако я до сих пор не могу понять, почему это было перекрашивать все в первоначальном случае ..

Answer 1

Я считаю, что проблема в том, что вы найти документы снова, как вы уже догадались. Вы должны подписаться только на свою публикацию в автозапуске. Проверьте this от Angular2 & Учебник по метеорологии, который объясняет, что паб/под довольно хорошо.

В автозагрузке он перезапустит find() и повторно отобразит все документы, поэтому вам необходимо повторно запустить подписку на автозапуск для вашего дела. Из-за того, как работают pub/sub и наблюдатели, поскольку единственное, что вы меняете, это «ограничение» в вашей функции, а остальное - то же самое, публикация будет возвращать только новые документы и сохранять ранее возвращенные. Запрос find() на стороне клиента будет извлекать документы, возвращенные из pub/sub, и при изменении количества документов он не будет повторно получать уже извлеченные документы.