问题标签 [primeicons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
782 浏览

angular - PrimenG 单选按钮图标未显示

我正在尝试在我将要询问用户的问题旁边显示一个单选按钮。我正在使用 PrimeNg,当我编译我的代码时,我的无线电字段旁边没有空圆圈

我也安装了primicons

单选按钮的代码

这是我的屏幕上输出的内容

显示代码

0 投票
0 回答
1053 浏览

angular - 在primeng控件中显示为框的primeng图标

我在 stackblitz 中创建了示例 Angular 应用程序并导入了所有包以使primeng工作。

"styles"在 angular.json 中的样子

我看了一下这个问题,但找不到任何类似的东西。

这是堆栈闪电战链接。

更新 1

我意识到控制台上几乎没有警告抱怨' Failed to decode downloaded font:'

0 投票
1 回答
671 浏览

angular - 从 5 到 7 的 PrimeNG 更新失去了我的风格

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

提前致谢。

0 投票
0 回答
839 浏览

javascript - primeng p-treeTableToggler 图标已更改,而不是原来的 pi pi-fw pi-chevron-right 图标

primeng tree toggler在角度应用程序中使用网格。

对于tree toggler图标,primeicons 使用。

https://www.primefaces.org/primeng/showcase/#/icons

使用下面的 CSS 作为toggler图标。

但是与原始图标相比,图像变得不同。

预期的切换器图标:

在此处输入图像描述

现有的切换器图标:

在此处输入图像描述

我想获得如预期切换器图标中所示的图标,但得到错误的图标,现有切换器图标。

如何避免这种情况。

更新1:

如果我删除下面突出显示的样式,我可以按预期获得切换器图标。

在此处输入图像描述 在此处输入图像描述

我在 chrome 开发者工具中尝试过。它有效。

但我不知道如何从 angular/javascript 代码中删除它们。请建议。

0 投票
1 回答
321 浏览

angular - Angular PrimeIcons 在本地工作,但不在 IIS 上

我在我的 Angular 应用程序中使用 primeicons 和 primeng。

如果我在本地运行有角度的网站/应用程序,一切都很好。

但部署到 IIS 服务器时,图标未显示 - 但所有其他样式运行良好。

这是IIS配置中的内容吗?

代码中的用法

angular.json中的样式:

package.json 中的依赖项:

0 投票
1 回答
875 浏览

primeng - 如何增加 PrimeNg loadingIcon 的大小

在 PrimeNg Turbotable 中,我使用 loadingIcon 在加载数据时显示微调器。我无法增加 primeIcon pi-spinner 的大小。

HTML 代码:

打字稿代码:

0 投票
1 回答
652 浏览

angular - Primeng 单选按钮标签

我刚开始学习Primeng。我正在处理单选按钮并使用标签属性来显示标签。当我在任何长度和宽度受限的组件中使用此单选按钮时,长度较长的标签会出现在单选按钮下方并破坏外观。以下是代码:

所以我尝试了另一种方法,我使用了标签标签并尝试了以下操作:

组件.html

组件.ts

现在 CSS 和外观符合预期,但是当我单击标签时,单选按钮不会变为“已选中”。

我希望每当我在这两种情况下单击单选按钮或标签时,单选按钮都应该处于选中状态,并且 CSS 也应该符合预期。

我希望我能够解释这个场景。

提前致谢。

0 投票
1 回答
45 浏览

angular - Primeicon 样式未以角度加载到可折叠行组表数据中

我有一个 Angular 12 项目。我已经安装了 PrimeNG 控件版本 11.4.4。在我的表格中,我想要一个包含可折叠行组数据的表格。桌子工作正常。但问题是可折叠行组图标没有显示或加载。我已经安装了 Primeicon 并在 angular.json 中使用了以下代码:

但是图标没有加载。问题是: 在此处输入图像描述

这是我的 GitHub 存储库

0 投票
0 回答
179 浏览

angular - Angular 12 中未显示 Prime 图标

我在同一个项目中使用PrimeNGPrimeIcons和 Angular 12 ,我遇到了问题。

当我在 FireFox 中打开项目时,Prime 的图标没有加载。在图片中,您可以看到结果。

在此处输入图像描述

此外,在控制台中,显示错误。

可下载字体:被消毒剂拒绝(字体系列:“primeicons”样式:正常重量:400 拉伸:100 src 索引:1)

在此处输入图像描述

我正在使用以下版本:

  • PrimeNG:12.2.2
  • 素数图标:5.0.0
  • 角度:12.2.8

我已经阅读了库中已关闭的问题,我发现它可能是一个 Webpack 问题。接下来,我将粘贴 webpack 代码:

问题是:

我已经尝试了问题的答案,但它仍然不起作用。谁能帮我?

0 投票
1 回答
17 浏览

reactjs - Primeicons 无法在没有互联网的服务器上运行

我正在尝试在我的反应应用程序中使用 primeicons,并且图标在本地环境中成功加载,但是在没有互联网的服务器上部署时,图标没有被加载。

请参考附图。你能帮忙吗在此处输入图像描述