Primeng Carousel 没有得到正确的样式答案

【问题标题】：Primeng Carousel does not get the correct stylePrimeng Carousel 没有得到正确的样式
【发布时间】：2020-01-29 20:08:19
【问题描述】：

我有这个 Primeng v8 轮播组件的副本，但结果与其网站大不相同：

<p-carousel dir="ltr" [value]="basicDataService.latestProducts"  [numVisible]="4">
    <ng-template let-product pTemplate="item">
        <div class="product-details">
            <div class="p-grid p-nogutter">
                <div class="p-col-12">
                    <img src="https://cdn.struffelproductions.com/file/cc0texturesimages/textures/Sphere/256/WoodFloor12.png" />
                </div>
                <div class="p-col-12 product-data">
                    <div class="product-title">{{product.name}}</div>
                    <div class="product-subtitle">{{product.description}}</div>

                    <div class="product-buttons">
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-search"></i></button>
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-star"></i></button>
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-cog"></i></button>
                    </div>
                </div>
            </div>
        </div>

    </ng-template>
  </p-carousel>

结果（用于左右导航的 V 形按钮位于内容上方，但在原始按钮中，按钮位于两侧）如下所示：

【问题讨论】：

您的应用程序中似乎没有包含primeng css。看到这个：primefaces.org/primeng/#/setup
我做到了。但是当我检查 p-carousel 项目时，它不包含 ui-carousel-container 项目
我添加的其他primeng组件工作正常
primeng 网站上的演示确实包含了一些样式 (CSS)。尝试将其添加到您的代码中，看看是否会有所不同。
我从 github 得到了 primeng 项目并删除了所有样式，但视图与此完全不同

标签： angular primeng

【解决方案1】：

您需要将primeng 版本更新到最新版本才能获得正确的视图。

8.1.1 是稳定版
您可以在 Angular 9.0.0-rc.10 上将其更新到 PrimeNG 9.0.0-rc.4
但这些是 rc 版本。

【讨论】：