如何删除primeng中轮播的分页

Question

我需要删除 primeng 的轮播，但我不知道该怎么做

 <p-carousel *ngIf="estadoClasificacion"
 [value]="listadoCuentaClasificaciones" [numVisible]="3"
 [numScroll]="3"
       [circular]="false">
       <p-header>
       </p-header>
       <ng-template let-item pTemplate="item">
         <div class="item-details">
           <div class="p-grid p-nogutter">
             <button pButton type="button" label="{{item.descripcion}}" lass="ui-button-raised carrusel-botones"
               (click)="capturaClasificacion(item)"></button>
           </div>
         </div>
       </ng-template>
     </p-carousel>

Answer 1

没有属性可用于 Primeng 旋转木马以删除或隐藏 it.But 覆盖样式 class (ui-carousel-dots-container)分页器的容器，你将能够克服这个 situation.Please 重写样式 class 如下。

只需将此 class 添加到您的 .css 或 .scss 文件即可。

.ui-carousel-dots-container{
display: none !important;
}

Answer 2

您可以使用 css

的小技巧隐藏控件

::ng-deep{
       .p-hide-paginator{
        .p-carousel-indicators{
        display: none !important;
      }
   }
 }


 <p-carousel [value]="items" [ngClass]="!hidePaginator ? 'p-hide-paginator': '' " >

Answer 3

José 的回答对我不起作用，因为 ::ng-deep 已被弃用，但它帮助我找到了方法：

 <p-carousel [value]="items" ngClass="hidePaginator">

然后在App文件夹中的style.css/style.scss文件中：

.p-hide-paginator{
  .p-carousel-indicators{
    display: none !important;
  }
}

所以现在“hidePaginator”Class 决定轮播是否显示分页。

Answer 4

HTML-模板：

<p-carousel [value]="items" styleClass="items-carousel">

SCSS:

:host ::ng-deep .items-carousel {
  .ui-carousel-dots-container {
    display: none !important;
  }
}

对我有用。

如何删除primeng中轮播的分页

How to remove pagination on a carousel in primeng

primeng

angular