import {MatPaginatorModule} from '@angular/material/paginator';
MatPaginatorIntl
要修改显示的标签和文本,就要创建一个新的 MatPaginatorIntl 实例,并把它包含在自定义提供者中
名称 | 描述 |
---|---|
|
当标签发生变化时,要触发这个流。当初始化之后标签再发生变化时,用它来通知组件。 |
|
移动到第一页按钮的标签。 |
|
当前分页当中条目范围的标签,以及整个列表的长度。 |
|
分页大小选择器的标签。 |
|
移动到最后一页按钮的标签。 |
|
用于增加当前分页按钮的标签。 |
|
用于减小当前分页按钮的标签。 |
MatPaginator
用于提供分页式信息导航的组件。显示当前分页的大小、用户可选的改变分页大小的选项、要显示的条目以及用于转到上一页或下一页的导航按钮。
选择器: mat-paginator
Exported as: matPaginator名称 | 描述 |
---|---|
@Input()
|
要用于底层表单的主题颜色。 |
@Input({ transform: booleanAttribute })
|
分页器是否被禁用。 |
@Input({ transform: booleanAttribute })
|
是否隐藏用户的分页大小选择器界面。 |
@Input({ transform: numberAttribute })
|
被分页的条目总长度。默认为 0。 |
@Input({ transform: numberAttribute })
|
显示的条目列表中从零开始的分页索引。默认为 0。 |
@Input({ transform: numberAttribute })
|
每页显示的条目数。默认情况下,设置为 50。 |
@Input()
|
要显示给用户的分页大小选项的集合。 |
@Input()
|
用于配置分页器内部的底层 |
@Input({ transform: booleanAttribute })
|
是否要向用户显示第一个/最后一个按钮界面。 |
@Output()
|
当分页器改变分页大小或分页索引时会发生事件。 |
|
分页器初始化时发出。 |
firstPage | |
---|---|
如果不在第一页,请移动到第一页。 |
getNumberOfPages | |
---|---|
计算页数 |
|
返回值 | |
number
|
|
hasNextPage | |
---|---|
是否有下一页。 |
|
返回值 | |
boolean
|
|
hasPreviousPage | |
---|---|
是否有上一页。 |
|
返回值 | |
boolean
|
|
lastPage | |
---|---|
如果不在最后一页,就移动到最后一页。 |
nextPage | |
---|---|
如果存在,就进入下一页。 |
previousPage | |
---|---|
如果存在,就回到上一页。 |
PageEvent
当用户选择不同的分页大小或导航到另一个分页时,会改变这个事件对象。
名称 | 描述 |
---|---|
|
当前正被分页的条目总数。 |
|
当前的分页索引。 |
|
当前分页大小。 |
|
以前选择过的分页索引。 |
MatPaginatorSelectConfig
可用于在 MatPaginator 中配置底层 MatSelect
的 MatPaginator
。
名称 | 描述 |
---|---|
|
是否要把活动选项置于触发器的中心位置。 |
|
要传递给选择器面板的类。 |
MatPaginatorDefaultOptions
可用于配置分页器模块默认选项的对象。
名称 | 描述 |
---|---|
|
要应用于分页大小选项选择器的默认表单字段外观。 |
|
是否隐藏用户的分页大小选择器界面。 |
|
每页显示的条目数。默认情况下,设置为 50。 |
|
要显示给用户的分页大小选项的集合。 |
|
是否要向用户显示第一个/最后一个按钮界面。 |
MAT_PAGINATOR_DEFAULT_OPTIONS
这个注入令牌可以用来为分页器模块提供默认选项。
const MAT_PAGINATOR_DEFAULT_OPTIONS: InjectionToken<MatPaginatorDefaultOptions>;