时间戳

首页 > 解决方案 > PrimeNG 多选显示奇怪的格式

angular - PrimeNG 多选显示奇怪的格式

问题描述

PrimeNG p-multiselect 显示奇​​怪。

在此处输入图像描述

我创建了一个新项目，并将示例中的所有依赖项 https://stackblitz.com/edit/github-cfjspw?file=src%2Findex.html

几乎上面示例中的所有代码，除了 index.html 上的包含样式表 css，因为它显示了 Mime 错误......（我试图解决它......）

标签： angularprimengmulti-select

解决方案

首先使用命令安装npm install primeng primeicons --save

选项一：~

将这些添加到 angular.json 中的样式数组

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

选项2：~

添加这些styles.scss文件

@import "~primeng/resources/themes/omega/theme.css"; 
@import "~primeng/resources/primeng.min.css"; 
@import "~primeng/primeicons/primeicons.css";

推荐阅读