javascript - 如何自定义 可见性

Question

我正在使用这个“ https://www.npmjs.com/package/ngx-pagination "用于分页。

工作代码: https://stackblitz.com/edit/angular-e1f9hq .

在这里我想删除文本“Previous”和“Last”“ ”。

我只想保留箭头图标。我也想更改所选页码框的颜色。但我不知道如何改变这一点。谁能帮帮我。

Answer 1

要删除这些，只需将 previousLabel="" 和 nextLabel="" 添加到您的分页控件，现在将变为

<pagination-controls (pageChange)="p = $event"
    previousLabel=""
    nextLabel=""
    ></pagination-controls>

所以你app.component.html会是:

<div class="text-center">
  <h1>ngx-pagination live demo</h1>
  <h4><small><a href="https://github.com/michaelbromley/ngx-pagination">GitHub Repo</a></small></h4>
  <p>A bare-bones demo for your experimenting / bug-reproducing pleasure.</p>
</div>
<div class="list">
  <ul>
    <li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }">{{ item }}</li>
  </ul>

  <pagination-controls (pageChange)="p = $event" previousLabel="" nextLabel=""></pagination-controls>
</div>