demo/src/app/components/+pagination/demos/content-switching/content-switching.ts
import { Component, OnInit } from '@angular/core';
import { PageChangedEvent } from 'ngx-bootstrap/pagination';
@Component({
selector: 'demo-pagination-content-switching',
templateUrl: './content-switching.html',
styles: [`
.content-wrapper {
border: 1px solid #ddd;
border-radius: 4px;
padding-left: 10px;
margin-bottom: 10px;
}
`]
})
export class DemoPaginationContentSwitchingComponent implements OnInit {
contentArray = new Array(90).fill('');
returnedArray: string[];
ngOnInit(): void {
this.contentArray = this.contentArray.map((v: string, i: number) => `Content line ${i + 1}`);
this.returnedArray = this.contentArray.slice(0, 10);
}
pageChanged(event: PageChangedEvent): void {
const startItem = (event.page - 1) * event.itemsPerPage;
const endItem = event.page * event.itemsPerPage;
this.returnedArray = this.contentArray.slice(startItem, endItem);
}
}