一个Md表的两个MdPaginator

Question

我正在为应用程序创建一个md-table。我可以排序和分页，但需要在底部和顶部添加一个分页器。他们应该在功能上逐字克隆。我试图创建第二个MdPaginator，然后引用第一个。

例如

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

然后我设置

this.paginator2 = this.paginator

希望能让他们联系在一起。如上所述，我所做的一切只需要连接的顶部和底部分页器。

Answer 1

我终于找到了解决这个问题的方法。为了实现这种行为，我创建了一个可观察的数组，我可以将其传递给扩展cdk DataSource的类。接下来，我创建了一个将添加到数组中的Subject，并在其中一个paginator页面事件发生时被触发。我最终订阅了paginatorOne.page事件和paginatorTwo.page事件并同步了这些分页器上的pageIndex然后我创建的主题我使用.next（pageEvent）触发了该事件。希望这有助于其他任何人试图实现这一目标。