0

目前我正在尝试将我的 Angular 7 项目中的 PrimeNG 从 ^5.2.7 升级到 ^7.1.3。更新后，当我运行“ng serve”时，出现与下拉和多选相关的错误。为了解决这个问题，它建议安装@angular/cdk。但是在完成这一步之后，我的样式崩溃了，因为@angular/cdk 将所有类从“fa”（用于字体真棒）更改为“pi”（primeicons）。并且还添加了一些新样式，例如“ui-dropdown”类。这在一个大项目中造成了很多问题。在更新 PrimeNG 时，有什么方法可以防止样式和类别发生变化？

提前致谢。

4

1 回答 1

0

主题结构与版本 6 一致，添加了新主题，弃用了旧主题

style.scss（全局样式）

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

另一种方法是将样式设置为 angular.json 文件

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
],

检查 版本 7.x 的设置指南

以前primeng使用字体真棒版本4.x在版本5之后在内部使用primicons并提供使用任何图标库的选项

你可以像这样安装font awsome verion 5

npm i @fortawesome/fontawesome-free@5

然后你可以像这样导入样式

@import "@fortawesome/fontawesome-free/css/all.css";
于 2020-04-10T03:40:41.700 回答