使用此标记可以获得有关PrimeNG的问题，PrimeNG是Angular的UI组件集合。标记为[primeng]的问题也应标记为[angular]，但不是[primefaces]。
PrimeNG 表复选框选择 - 当我单击一个复选框时，所有复选框都会被选中
我遵循了复选框选择+行编辑示例，但是当我单击一行的复选框时，它会选中所有行的复选框。 基本上，所有复选框的作用都类似于头部的复选框...
错误：NG0900：尝试比较“[object Object]”时出错。仅允许数组和可迭代对象
我目前正在开发 CRUD 应用程序的前端部分。当我遇到这个错误时，我正在实施延迟分页 错误：NG0900：尝试比较“[object Object]”时出错。只有数组和ite...
如何过滤prime ng表并仅将过滤后的数据导出到excel
我有一个 primeng 表，我试图将过滤后的数据导出到 Excel，我创建了一个表作为组件，并在需要时使用它。这是我正在处理的 stackblitz 代码。我是...
从 Rest API 检索数据时如何在 PrimeNG DataTable 中使用 Skeleton？
我正在尝试在 PrimeNG 数据表中显示骨架，同时从 REST API 检索信息。 当收到信息时，骨架应该隐藏和显示数据。 有一个例子：...
当我将相对较新版本的 Primeng 与旧版本的 Google Chrome 一起使用时，其样式完全无法应用。更新 Google Chrome 或降级 Primeng 可解决此问题。我在这里...
我们将 Angular v16 与 PrimeNG 16 和 NGX-Translate v15 结合使用。翻译工作正常，但是过滤有问题。标签通常采用代码表代码，例如“some.resou...
将 P-Dropdown 选项映射到匹配选项或默认标签（如果不存在）
我将一个对象传递到子组件中，并使用数据填充 p 下拉列表。目前，下拉列表由可用选项的枚举填充，但是，有 2 个用例。 第一个...
如何在 Angular 17 中使用 PrimeNG 日历组件？
我正在尝试将 PrimeNG 日历组件集成到我的 Angular 17 项目中，但我无法找到合适的步骤。有人可以指导我如何正确使用 PrimeNG Cale...
请任何人给我一个想法，如何修复 p-tree 组件，我可以单击整个节点，而不仅仅是切换图标。 我发现我可以通过单击来扩展根节点，如下所示： @HostListener("cl...
我正在尝试通过 p-menu 命令打开确认对话框。我可以通过单击 p 菜单来显示菜单项。但是当我点击menitem时，命令没有执行并且确认...
我使用 Angular 和 PrimeNG 来显示表格。我希望发生的是，当页面加载或路由片段更改时，表格将滚动到相应的行。对于
我正在使用 Angular17 开发一个个人项目，我想使用 PrimeNG 组件 DataView 显示数据库中的项目。到目前为止一切顺利，我在 app.module 和请求中进行了导入...
我在 Angular 中使用 PrimeNg 库时遇到一些问题。问题是我按照 primeng 文档中的安装步骤进行操作，但有一些组件不...
除了appendTo="body"之外，如何避免p-dropdown在正文滚动时关闭
我在我的项目中使用 Angular 版本 12 和 PrimeNG 版本 12。同样，我使用 primeng 下拉菜单，该下拉菜单在滚动主体时关闭。使用appendTo =“body”不会关闭...
我正在使用 Angular 和 PrimeNG，我有一个应用程序，其中一个视图使用两个表。一张表包含 200 行，其他表包含 10 行。 当我按下 escape 时，这就是我得到的下一个堆栈......
在此输入图像描述 我想在图表上显示这样的值 在此输入图像描述 我正在使用 Angular 16 和图表素数 Ng 请帮我 我正在尝试在 c 上显示价值...
导入浏览器模块时出错，已经导入了 commonModule，当 p 下拉菜单打开时，animationBrower 也显示错误
NG05100：来自“BrowserModule”的提供程序已被加载。如果您需要访问常见指令（例如 NgIf 和 NgFor），请导入“CommonModule”。 导入 { 组件，OnInit ...
我有一个 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 组件......