如何设置PrimeNG主题？

Question

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

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

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

我要以某种方式安装吗？我遗漏了什么？

(/home/developer/Documents/Angular-WS/color_patch/node_modules/primeng/resources/themes) 编辑-1：进入文件夹中的PrimeNg主题，我只找到这几个主题？为什么？在我看来，似乎缺少了很多主题。难到不是么？特别是与BootStrap相关的主题似乎不存在。

​

​

Answer 1

现在显示的是primeng 10的新主题库，在编写此答案时仍在开发中，(PrimeNG 10.0.0-rc.4-SNAPSHOT by PrimeTek)。

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

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"
            ],

或导入全局scss文件中的css文件。

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

​