如何在仅存在1页时隐藏ngb-pagination分页控件

先贴出我原本的分页组件代码：

<ngb-pagination 
                  [(page)]="p"
                  [maxSize]="10"
                  [collectionSize]="totalDocs"
                  (pageChange)="pageChanged($event)"
                  [rotate]="true"
                  [itemsPerPage]="limit"
                  [currentPage]="currentPage">
</ngb-pagination>

之前一直想实现「当数据仅够1页时自动隐藏分页控件」的效果，没找到现成的简便方案，自己试了试，用一行代码就搞定了，分享给大家。

实现方法 #

给ngb-pagination加上*ngIf判断，直接判断总数据量是否大于每页显示条数：

<ngb-pagination 
                  *ngIf="totalDocs > limit"
                  [(page)]="p"
                  [maxSize]="10"
                  [collectionSize]="totalDocs"
                  (pageChange)="pageChanged($event)"
                  [rotate]="true"
                  [itemsPerPage]="limit"
                  [currentPage]="currentPage">
</ngb-pagination>

逻辑很简单：当totalDocs（总数据条数）大于limit（每页显示条数）时，说明数据不止1页，才渲染分页控件；反之直接隐藏。

内容的提问来源于stack exchange，提问作者Nivesh