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

@Component({
  selector: 'app-demo-page',
  template: `
    <div *ngIf="pager">
      <dc-pagination [total]="pager.total" [pageSize]="pager.limit" [nowPage]="pager.page" [pageNum]="pager.pageNum"
                     (nowPageChange)="nowPageChange($event)"></dc-pagination>
    </div><br>
    <div *ngIf="pager2">
      <dc-pagination [total]="pager2.total" [pageSize]="pager2.limit" [nowPage]="pager2.page" [pageNum]="pager2.pageNum"
                     (nowPageChange)="nowPageChange($event)"></dc-pagination>
    </div><br>
    <div *ngIf="pager3">
      <dc-pagination [total]="pager3.total" [pageSize]="pager3.limit" [nowPage]="pager3.page" [pageNum]="pager3.pageNum"
                     (nowPageChange)="nowPageChange($event)"></dc-pagination>
    </div>
  `,
  styleUrls: []
})
export class DemoPaginationComponent implements OnInit {
  constructor() {
  }

  pager;
  pager2;
  pager3;

  ngOnInit() {
    this.pager = {
      total: 100,
      limit: 5,
      page: 1
    };
    this.pager2 = {
      total: 100,
      limit: 5,
      page: 1,
      pageNum: 3
    };
    this.pager3 = {
      total: 100,
      limit: 5,
      page: 1,
      pageNum: 1
    };
  }

  nowPageChange(pageNum) {
    // pageNum 当前页
  }
}