angular - md-paginator 如何获得下一个或上一个点击事件

标签 angular angular-material2

我想获得下一个按钮点击事件,知道我该怎么做

<md-paginator [length]="length"
    [pageSize]="pageSize"
    [pageSizeOptions]="pageSizeOptions"
    (page)="pageEvent = $event"
    (selectChange)="onPaginateChange($event)">   <---------  not working
</md-paginator>

最佳答案

更新:

Material 在最近的版本中更改了它们的标签。使用 <mat-paginator>代替 <md-paginator> .

<mat-paginator [length]="length"
               [pageSize]="pageSize"
               [pageSizeOptions]="pageSizeOptions"
               (page)="pageEvent = $event; onPaginateChange($event)">
</mat-paginator>

原文:

添加您的 onPaginateChange($event)功能到(page)事件。

<md-paginator [length]="length"
              [pageSize]="pageSize"
              [pageSizeOptions]="pageSizeOptions"
              (page)="pageEvent = $event; onPaginateChange($event)">
</md-paginator>

Plunker demo

关于angular - md-paginator 如何获得下一个或上一个点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45278805/

相关文章:

jquery - 离开组件时如何更改 "reset"CSS?

javascript - TypeScript 中的数组数组

javascript - 如何在 Owl Carousel (2) for angular 2/7 中实现 onChange 事件/回调/自定义点

javascript - 如何将我点击的值传递到下一页

angular - Angular 为 6 的 Material 步进器不起作用 [在 browser.js 中找不到动画方法]

html - Angular Material 2 md-卡宽度

html - Angular material 2 table - 使用 TemplateRef 和 ngTemplateOutlet 定义列

angular - 如何在 Angular Material - Angular 2 中使用 md-sidenav 创建右侧导航栏

javascript - 使用 Angular Material Calendar 时如何设置 `startAt` 日期?

javascript - 转换字符串(url 样式)以在对象中导航