IONICのページネーション2

Question

ありがとうございました！ このポイントでは、グリッド（Googleのページネーションなど）のページ番号を作成して、現在のページに10〜20行しか表示しないでください。 イオン2については何も見つかりません。無限のスクロールでページネーションのみが見つかります。

もう一度おねがいします！

Answer 1

あなたが必要とするのは、パブリッシャーとサブスクライバーの両方として機能するサブジェクトを持つことです。

• 簡単なHttp呼び出しでページを取得できるサービスを作成します。
• パブリッシャとサブスクライバの両方として使用できるサブジェクトを使用します。
• * ngForをasyncパイプで使用します。

• 次の（）メソッドを使用してSubjectを使用して公開し、* ngForをObservableでリッスンします。

  サンプルコード： - 出版社とページを返し、paginationGetterを使用する方法では、加入者

  private paginationGetter: Subject <Product[]> = new Subject <Product[]>(); 
  private paginationGetter$: Observable <Product[]> = this.paginationGetter.asObservable(); 
  

  リターンpaginationGetter $として使用することができます

//対象。次のようなコードを使用して新しいデータを公開して表示することができます。 -

ion-col *ngFor="let item of items | async"> 

項目がpaginationGetter$を参照し、*ngForが観測値を表示できるようにするには非同期パイプが必要であることに注意してください。

してください、ここでは実際の例を参照してください： -