自定义Ngx分页

问题描述

我已经使用Ngx-我的angular 8项目进行了分页，因为我得到了与我们在Angular材质表中一样的分页功能，目前它显示的是下一个，上一个标签，页码以及左右移动箭头，但是我要修改它，使它不会显示页码，下一个上一个按钮，只有我需要在网格的中间显示左右箭头，这是我的代码。

 <div class="categoryrow col-12 my-2">
    <h2 class="my-2">Brands
      <a (click)="showAllBrands()" 
      class="text-primary ml-1" 
      style="font-size:12px;">(See All)</a></h2>
    <div class="row">

      <div class="col-6 col-sm-3 col-lg-2 py-1" 
           *ngFor="let manufacturer of getallmanufacturer | paginate:{ itemsPerPage:6,currentPage:p }">
        <a class="text-dark"
           (click)="all_products(manufacturer.name,'brand')">
           <img [src]="API_BASE_URL+manufacturer.imgPath" 
           class="img-fluid d-block mx-auto" 
           style="height:122px!important;"/>
        <h4 class="pt-3 text-center">
            {{manufacturer.name}}
        </h4>
        </a>
      </div>

      <div class="col-12 d-flex justify-content-center align-items-center my-1">
        <pagination-controls (pageChange)="p =$event"></pagination-controls>
      </div>

      
    </div>
  </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）