npm i angular4-paging  --save

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
 ]

import { PagingModule } from '../components/paging.module';

@NgModule({
  declarations: [
  ],
  imports: [
    PagingModule
  ]
})

<app-paging
[pageNum]="pageNum" 
[pageSize]="pageSize"
[pageNumCount]="pageNumCount"
(firstpage)="firstpage()" 
(previous)="previous()"  
(next)="next()" 
(endpage)="endpage($event)" 
(jumpto)="jumpto($event)">
</app-paging>

  //当前的页面的位置
  private pageNum = 2;
  //每页显示数据量
  private pageSize = 10
  //数据总数
  private pageNumCount = 92
  constructor() {
  }
  //跳转首页
  firstpage() {
    this.pageNum = 1;
  }
  //跳转末页
  endpage(event) {
    this.pageNum = event;
  }
  //下一页
  next() {
    this.pageNum  ;
  }
  //跳转指定页面
  jumpto(event) {
    this.pageNum = event;
  }
  //上一页
  previous() {
    this.pageNum--;
  }