demo/src/app/components/+pagination/demos/styling-global/styling-global.ts
import { Component, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'demo-pagination-styling',
// encapsulation: ViewEncapsulation.None,
templateUrl: './styling-global.html',
/* tslint:disable no-unused-css*/
styles: [
`
.btn-custom a {
background: #31b0d5;
}
`
]
})
export class DemoPaginationStylingComponent {
totalItems: number = 64;
currentPage: number = 4;
smallnumPages: number = 0;
pageChanged(event: any): void {
console.log('Page changed to: ' + event.page);
console.log('Number items per page: ' + event.itemsPerPage);
}
}