1つのMdテーブルの2つのMdPaginators

Question

私はアプリケーションのmdテーブルの作成に取り組んでいます。並べ替えとページ付けはできますが、ページ下部とページ上部にページ設定を追加する必要があります。彼らは文字通り機能的にお互いをクローンしなければならない。私は第2のMdPaginatorを作成して、最初のものを参照しようとしました。

@ViewChild('paginator') paginator: MdPaginator; 
@ViewChild('paginator2') paginator2: MdPaginator; 

例えば

は、その後、私はこれは、彼らが一緒にリンクしてもらうことを望んでいる

this.paginator2 = this.paginator 

を設定します。前述したように、私は接続されている上下の改ページが必要な作業はすべて持っています。

Answer 1

私はついにこの問題の解決法を開発しました。この動作を実現するために、私は、cdk DataSourceを拡張するクラスに渡すことができるオブザーバブルの配列を作成しました。次に、配列に追加される件名を作成し、ページ処理のページイベントの1つが発生したときに切断します。私はpaginatorOne.pageイベントとpaginatorTwo.pageイベントを購読して終了し、これらのページマネージャーでpageIndexを同期させた後、私が作成したSubjectを.next（pageEvent）を使用してそのイベントを発生させました。これを達成しようとしている誰もがこれを支援したいと考えています。