Angular Bootstrap如何添加分页

npm install ngx-bootstrap --save

import { PaginationModule } from 'ngx-bootstrap/pagination';

@NgModule({
  imports: [PaginationModule.forRoot(), ...],
  ...
})
export class AppModule { }

<pagination [totalItems]="totalItems" [(ngModel)]="currentPage" [itemsPerPage]="itemsPerPage" (pageChanged)="pageChanged($event)"></pagination>

import { Component } from '@angular/core';

@Component({
  selector: 'app-pagination-example',
  templateUrl: './pagination-example.component.html',
  styleUrls: ['./pagination-example.component.css']
})
export class PaginationExampleComponent {
  totalItems = 64;
  currentPage = 1;
  itemsPerPage = 10;

  pageChanged(event: any): void {
    this.currentPage = event.page;
    // 根据当前页码获取对应的数据
    // ...
  }
}