代码之家 › 专栏 › 技术社区 › Vitaliy.Makogon

如何同步两个角度材质分页器?

angular-material angular

Vitaliy.Makogon · 技术社区 · 7 年前

我的设计页面上有两个页码。当我添加两个分页器时,它们的数据不同步。 https://material.angular.io/components/paginator

https://plnkr.co/edit/w5ZuXnfIgmKW1nWgyf3Y?p=preview

<mat-paginator [length]="length"
               [pageSize]="10">
</mat-paginator>

<mat-paginator [length]="length"
              [pageSize]="10">
</mat-paginator>

如何实现这一点?

1 回复 | 直到 7 年前

Joniras 7 年前

这可能是一个古老的问题,目前仍能找到解决方案:

<mat-paginator #paginatorTop 
               [length]="length"
               [pageSize]="10"
                (page)="paginatorBottom.pageIndex = $event.pageIndex">
</mat-paginator>

<mat-paginator #paginatorBottom 
              [length]="length"
              [pageSize]="10"
              (page)="paginatorTop.pageIndex = $event.pageIndex">
</mat-paginator>

也许这对别人还是有帮助的

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

2 年前

allforthenoob · 我该怎么分类?

2 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

2 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

2 年前

jthorn · 角度对象未在HTML中显示

2 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前