Html 如何使用angular2在分页中用左右箭头替换上一个和下一个

我有一个分页，在那里我得到上一个和下一个。有人能帮我用左箭头和右箭头来代替它吗

Html:

---

这是用于右箭头和左箭头的css，如何用html编写，我的意思是如何链接？

您使用的分页插件是完全可自定义的

您甚至可以创建一个完全定制的模板。

这是我创建的一个示例

组件，

export class AppComponent {
  collection = [];
  constructor() {
    for (let i = 1; i <= 100; i++) {
      this.collection.push(`item ${i}`);
    }
  }
   public config: PaginationInstance = {
        id: 'custom',
        itemsPerPage: 10,
        currentPage: 1,
        directionLinks: false
    };
}

<div class="container-fluid">
  <div class="row">
    <div class="medium-8 medium-offset-2 columns">
        <h2 class="subheader"></h2>
        <ul>
          <li *ngFor="let item of collection | paginate: config">{{ item }}</li>
        </ul>
    </div>
  </div>
  <div class="row">
    <pagination-template #p="paginationApi"
    [id]="config.id"
    (pageChange)="config.currentPage = $event">
    <div class="custom-pagination">
        <div class="pagination-previous" [class.disabled]="p.isFirstPage()">
          <a *ngIf="!p.isFirstPage()" (click)="p.previous()"> < </a>
        </div>
        <div *ngFor="let page of p.pages" [class.current]="p.getCurrent() === page.value">
          <a (click)="p.setCurrent(page.value)" *ngIf="p.getCurrent() !== page.value">
          <span>{{ page.label }}</span>
          </a>
          <div *ngIf="p.getCurrent() === page.value">
            <span>{{ page.label }}</span>
          </div>
        </div>
      <div class="pagination-next" [class.disabled]="p.isLastPage()">
          <a *ngIf="!p.isLastPage()" (click)="p.next()"> > </a>
      </div>
    </div>
    </pagination-template>
  </div>
</div>

导出类AppComponent{
集合=[]；
构造函数（）{
对于（让i=1；i您正在使用的分页插件是完全可定制的

您甚至可以创建一个完全定制的模板。

这是我创建的一个示例

组件，

export class AppComponent {
  collection = [];
  constructor() {
    for (let i = 1; i <= 100; i++) {
      this.collection.push(`item ${i}`);
    }
  }
   public config: PaginationInstance = {
        id: 'custom',
        itemsPerPage: 10,
        currentPage: 1,
        directionLinks: false
    };
}

<div class="container-fluid">
  <div class="row">
    <div class="medium-8 medium-offset-2 columns">
        <h2 class="subheader"></h2>
        <ul>
          <li *ngFor="let item of collection | paginate: config">{{ item }}</li>
        </ul>
    </div>
  </div>
  <div class="row">
    <pagination-template #p="paginationApi"
    [id]="config.id"
    (pageChange)="config.currentPage = $event">
    <div class="custom-pagination">
        <div class="pagination-previous" [class.disabled]="p.isFirstPage()">
          <a *ngIf="!p.isFirstPage()" (click)="p.previous()"> < </a>
        </div>
        <div *ngFor="let page of p.pages" [class.current]="p.getCurrent() === page.value">
          <a (click)="p.setCurrent(page.value)" *ngIf="p.getCurrent() !== page.value">
          <span>{{ page.label }}</span>
          </a>
          <div *ngIf="p.getCurrent() === page.value">
            <span>{{ page.label }}</span>
          </div>
        </div>
      <div class="pagination-next" [class.disabled]="p.isLastPage()">
          <a *ngIf="!p.isLastPage()" (click)="p.next()"> > </a>
      </div>
    </div>
    </pagination-template>
  </div>
</div>

导出类AppComponent{
集合=[]；
构造函数（）{
对于（假设i=1；我正在使用？ng2分页我正在使用？ng2分页我正在使用银行进行响应，我将检查并更新您的银行进行响应，我将检查并更新您的银行