primeng 相关问题

Primeng的样式在旧版Google Chrome中无效

当我将相对较新版本的 Primeng 与旧版本的 Google Chrome 一起使用时，其样式完全无法应用。更新 Google Chrome 或降级 Primeng 可解决此问题。我在这里...

PrimeNG 下拉菜单过滤多语言选项

我们将 Angular v16 与 PrimeNG 16 和 NGX-Translate v15 结合使用。翻译工作正常，但是过滤有问题。标签通常采用代码表代码，例如“some.resou...

将 P-Dropdown 选项映射到匹配选项或默认标签（如果不存在）

我将一个对象传递到子组件中，并使用数据填充 p 下拉列表。目前，下拉列表由可用选项的枚举填充，但是，有 2 个用例。 第一个...

如何在 Angular 17 中使用 PrimeNG 日历组件？

我正在尝试将 PrimeNG 日历组件集成到我的 Angular 17 项目中，但我无法找到合适的步骤。有人可以指导我如何正确使用 PrimeNG Cale...

p-树单击整个节点

请任何人给我一个想法，如何修复 p-tree 组件，我可以单击整个节点，而不仅仅是切换图标。 我发现我可以通过单击来扩展根节点，如下所示： @HostListener("cl...

PrimeNG p-menu 命令在玩笑中不起作用

我正在尝试通过 p-menu 命令打开确认对话框。我可以通过单击 p 菜单来显示菜单项。但是当我点击menitem时，命令没有执行并且确认...

滚动到 Angular 中的表格行

我使用 Angular 和 PrimeNG 来显示表格。我希望发生的是，当页面加载或路由片段更改时，表格将滚动到相应的行。对于

使用 PrimeNG DataView 显示数据？

我正在使用 Angular17 开发一个个人项目，我想使用 PrimeNG 组件 DataView 显示数据库中的项目。到目前为止一切顺利，我在 app.module 和请求中进行了导入...

为什么Primeng动画在Angular中不起作用？

我在 Angular 中使用 PrimeNg 库时遇到一些问题。问题是我按照 primeng 文档中的安装步骤进行操作，但有一些组件不...

除了appendTo="body"之外，如何避免p-dropdown在正文滚动时关闭

我在我的项目中使用 Angular 版本 12 和 PrimeNG 版本 12。同样，我使用 primeng 下拉菜单，该下拉菜单在滚动主体时关闭。使用appendTo =“body”不会关闭...

在PrimeNG中按退出按钮会使网站挂起两秒

我正在使用 Angular 和 PrimeNG，我有一个应用程序，其中一个视图使用两个表。一张表包含 200 行，其他表包含 10 行。 当我按下 escape 时，这就是我得到的下一个堆栈......

在折线图上显示值 Prime NG Angular 16

在此输入图像描述 我想在图表上显示这样的值 在此输入图像描述 我正在使用 Angular 16 和图表素数 Ng 请帮我 我正在尝试在 c 上显示价值...

导入浏览器模块时出错，已经导入了 commonModule，当 p 下拉菜单打开时，animationBrower 也显示错误

NG05100：来自“BrowserModule”的提供程序已被加载。如果您需要访问常见指令（例如 NgIf 和 NgFor），请导入“CommonModule”。 导入 { 组件，OnInit ...

primeng p-对话框样式覆盖

我有一个 p-dialog，当应用程序在 app.component.html 文件中加载时显示，如下所示。 当应用程序在 app.component.html 文件中加载时，我会显示一个 p 对话框，如下所示。 <div class="banner"> <p-dialog [(visible)]="displayBanner" [modal]="true" [style]="{width: '70vw'}" [baseZIndex]="10000" [showHeader]="false" [draggable]="false" [resizable]="false"> <banner (notify)="onNotify($event)"></banner> </p-dialog> </div> 这将显示应用程序横幅。当此对话框出现时，我必须将背景颜色覆盖为黑色。所以添加了如下CSS。 .p-dialog-mask.p-component-overlay { background-color: #000; } 关闭对话框后，我会看到每个页面的正常显示。页面内有几个删除功能，相应的 html 中有确认代码，如下所示。 <p-confirmDialog header="Confirmation" icon="pi pi-exclamation-triangle"></p-confirmDialog> 此确认使用相同的 css .p-dialog-mask.p-component-overlay，因此这又将背景变为黑色。因此，我尝试通过在横幅页面的 p-dialog 中使用 styleClass : background-color: #000; 来删除背景颜色为黑色的 css，如下所示： <div class="banner"> <p-dialog [(visible)]="displayBanner" [modal]="true" [style]="{width: '70vw'}" styleClass="bgColorChange" [baseZIndex]="10000" [showHeader]="false" [draggable]="false" [resizable]="false"> <banner (notify)="onNotify($event)"></banner> </p-dialog> </div> 在CSS中如下： .bgColorChange { background-color: #000; } 但这并没有覆盖CSS，它看起来是正常的背景。 如何为 p-dialog 应用 2 种不同的样式？由于黑色背景仅出现在应用程序横幅中，该横幅在应用程序加载时显示，我想我应该应用于 p-dialog 标签，但它不会生效。 任何意见都将受到高度赞赏。 尝试 p-dialog ::ng-deep .bgColorChange { background-color: #000; }

PrimeNG、InputOtp -- 当 InputOtp 具有 [integerOnly]="true" 时数字键盘不工作

在PrimeNG中，InputOtp 当我们提供 [integerOnly]="true" 时，数字键盘（键盘右侧）不起作用。 注意：Num Lock 已关闭 在 PrimeNG 中，InputOtp 当我们提供 [integerOnly]="true" 时，数字键盘（键盘右侧）不起作用。 注意：Num Lock 已关闭 <div class="card flex justify-content-center"> <p-inputOtp [(ngModel)]="value" [integerOnly]="true"></p-inputOtp> </div> export class InputOtpIntegerOnlyDemo { value : any } <div class="card flex justify-content-center"> <p-inputOtp [(ngModel)]="value" [integerOnly]="true" (keydown)="onKeyDown($event)"></p-inputOtp> </div> 在您的组件类中： import { Component } from '@angular/core'; @Component({ selector: 'input-otp-integer-only-demo', templateUrl: './input-otp-integer-only-demo.html' }) export class InputOtpIntegerOnlyDemo { value: any; onKeyDown(event: KeyboardEvent) { // Allow only numeric keypad inputs if ( (event.key === '0' || event.key === '1' || event.key === '2' || event.key === '3' || event.key === '4' || event.key === '5' || event.key === '6' || event.key === '7' || event.key === '8' || event.key === '9' || event.key === 'Tab' || event.key === 'Backspace' || event.key === 'Delete' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') && !event.ctrlKey && !event.altKey && !event.metaKey ) { // Allow the key press return; } // Prevent the default behavior for other keys event.preventDefault(); } }

无法绑定到“value”，因为它不是“p-galleria”的已知属性

我一定是做了一些愚蠢的事情，因为我在其他地方找不到这个问题。 我正在尝试使用 PrimeNG 的 Galleria，但我无法超越基础知识。 我正在使用许多其他 PrimeNG 组件......

primeng p-tree 预选不适用于partialSelected，可选设置为 true

我使用 primeng 的 p-tree 组件来显示不同的情况。 没有预选的显示部分工作正常。现在，一旦我将其保存到数据库并且用户再次打开相同的数据，我必须获得

你能得到 Cypress 测试来为 p-fileUpload 进行文件上传吗？

我有一个使用 p-fileUpload 的应用程序，我正在为其编写 Cypress 测试。 我想也许我可以使用 selectFile 方法来做到这一点 - 但这并没有奏效。 这是我的 p-fileUpload

PrimeNG TreeSelect - 如何在单击时展开节点（如果有子节点）？

我正在使用 PrimeNG 角度 TreeSelect 组件，并且我只想使没有子节点的节点可选择。 我的节点： 导出接口 ICategorySelectListDto { 身份证号; 标签：str...

PrimeNG 日历不会显示弹出窗口

我正在尝试使用 PrimeNG 标签打开日历，但每次单击标签都不会打开日历，这里是我的代码： 从 'primeng/calendar' 导入 {CalendarModule}； @NgModule({ 声明...