如何设置PrimeNG主题？

问题描述

我在尝试理解如何设置PrimeNG主题时发现了一些问题。如果我去这里： https://www.primefaces.org/primeng/showcase/#/table/crud

我可以看到默认设置的主题是 bootstrap4-light-blue 。

好的，如何在我的项目中设置这个主题？我正在使用PrimeNG，但无法在项目中找到主题。

我以某种方式安装吗？我想念什么？

EDIT-1：进入我的文件夹的PrimeNg主题文件夹（/ home / developer / Documents / Angular-WS / color_patch / node_modules / primeng / resources / themes）我只能找到这几个主题吗？为什么？在我看来，缺少许多主题。是不是特别是与BootStrap相关的主题似乎不存在

解决方法

现在显示的这些内容是primeng 10的新主题基础，并且在编写此答案时仍在开发中。 (PrimeNG 10.0.0-rc.4-SNAPSHOT by PrimeTek)

所有这些主题都是css文件的安装，它们是primeng的一部分，您有两种方法可以包含这些主题

angular.json

"styles": [
                "src/styles.css","node_modules/primeng/resources/themes/nova-light/theme.css",?
                "node_modules/primeng/resources/primeng.min.css","node_modules/primeflex/primeflex.css","node_modules/primeicons/primeicons.css","node_modules/quill/dist/quill.snow.css"
            ],

或通过将css文件导入全局scss文件中

global.scss

@import "primeicons/primeicons.css";
@import "primeng/resources/primeng.min.css";
@import "primeng/resources/themes/nova-dark/theme.css"; ?

这些是primeng软件包中的主题文件

primeng/resources/themes/**theme name**/theme.css

angular primeng