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()h.stop()は、サブスクリプションを停止するには、これは動作します...私は前回のマンゴーカーソルが最後のサブスクリプションの制限で更新されると思います。私はまだこれが最初のケースでは、すべてを再塗装された理由を理解することはできませんよしかし

..

Answer 1

私はこの問題は、あなたが推測として再度文書を見つけることだと考えています。あなたはautorunで自分のパブリケーションを購読する必要があります。 thisをAngular2からチェックしてください& pub/subについてよく説明しているMeteorチュートリアル。

自動実行では、find()を再実行し、すべてのドキュメントを再レンダリングします。なぜなら、自動的にサブスクリプションのみを再実行する必要があるからです。 pub/subとobserverがどのように機能するのかによって、変更するのは関数の "制限"で残りは同じなので、新しい文書のみを返し、以前に返されたものは保持します。クライアント側のfind()クエリは、pub/subから返されたドキュメントをフェッチし、ドキュメントの量が変化したときに既にフェッチされたドキュメントを再レンダリングしません。