javascript - วิธีปรับแต่งการมองเห็นของ <pagination-controls>

ฉันกำลังใช้ "https://www.npmjs.com/package/ngx-pagination" สำหรับการจัดหน้าข้อมูล

โค้ดที่ใช้งานได้: https://stackblitz.com/edit/angular-e1f9hq.

ที่นี่ฉันต้องการลบข้อความ "ก่อนหน้า" และ "ล่าสุด" "

".

ฉันต้องการเก็บเฉพาะไอคอนลูกศรเท่านั้น และฉันก็ต้องการเปลี่ยนสีของกล่องหมายเลขหน้าที่เลือกด้วย แต่ฉันไม่เข้าใจว่าจะเปลี่ยนอย่างไร มีใครช่วยฉันได้ไหม

คำตอบ #1

ในการลบสิ่งเหล่านี้ เพียงเพิ่ม previousLabel="" & nextLabel="" ลงใน pagination-controls ของคุณ ซึ่งตอนนี้จะกลายเป็น

<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></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>