import { Component } from '@angular/core' ; import { PageEvent } from '@angular/material' ; title @ Component ( { selector : 'paginator-configurable-example' , templateUrl : 'paginator-configurable-example.html' , styleUrls : [ 'paginator-configurable-example.css' ] , } ) export class PaginatorConfigurableExample { length = 100 ; pageSize = 10 ; pageSizeOptions : number [ ] = [ 5 , 10 , 25 , 100 ] ; pageEvent : PageEvent ; setPageSizeOptions ( setPageSizeOptionsInput ) { this . pageSizeOptions = setPageSizeOptionsInput . split ( ',' ) . map ( str => + str ) ; } }