问题标签 [primeng]

尝试在 PrimeNG 的表格组件上组合虚拟滚动和过滤功能时，我遇到了我认为是错误的错误。

在启用并尝试过滤这两个功能的情况下，渲染的数据不会被过滤掉，但我已经设法通过被调用的primeng过滤器函数进行调试，并且可以看到底层确实被过滤了，我怀疑这是什么更多与内部如何以某种方式使用 CDK 虚拟滚动条实例有关。

可复制的演示- https://stackblitz.com/edit/primeng9-table-virtualscroll-with-filtering?file=src/app/app.component.html

使用上面的 url，只需按返回的任何数据列进行过滤，例如品牌名称。

第一个演示使用虚拟滚动，并且请在过滤时观察控制台输出，因为我在这里捕获 onFilter 表事件的结果并计算输入过滤搜索词的匹配过滤记录的长度。您将看到结果如何被清楚地匹配和返回，但表中的行永远不会相应地过滤，始终显示原始呈现的行。

为了进一步证明我的怀疑，我认为在某种程度上是primeNG中使用CDK虚拟滚动条的错误，您可以在stackblitz演示中删除以下两个表格属性：

[virtualScroll]="true" [virtualRowHeight]="34"

删除这些并禁用虚拟滚动后，过滤功能将按预期运行，仅在表中显示匹配结果，但当然它会失去启用虚拟滚动的性能优势。

所以我的问题是，我怎么能在这里两者兼得？

顺便说一句 - 是的，我使用的是 PrimeNG 9，而 10 是最新的，但由于各种原因，我正在进行的项目仍在 9 上，并且会持续一段时间，所以我正在寻找 v9 修复\解决方法，如果可能的话。

谢谢你的时间！

我试图设置一个现在可以工作的 angular2-seed 项目，但现在我想将 PrimeNG 添加到我的环境中，但我被它卡住了。

我的第一步当然是：安装primeng和primeui

然后我添加了一个映射@https ://github.com/mgechev/angular2-seed/blob/master/tools/config/seed.config.ts#L129

我的组件如下所示：

.html 文件

这一切还不够：我想我仍然需要添加以下 css 和 js 文件，但我不知道在哪里！

而且我不确定前面的步骤是否也正确。目前我得到了错误：

例外：ReferenceError：图表未定义

我已经有一个带有 PrimeFaces 的 JSF 项目，但现在我需要在我的项目中添加 angular js。有primefaces的标签，所以我不知道如何使用带角度的primefaces。

因此，请提供任何演示或文档以使用 primefaces 实现 Angular。

我正在尝试基于 angular2-webpack-starter ( https://github.com/AngularClass/angular2-webpack-starter ) 在我的 Angular2 项目中配置 PrimeNG。

我使用 npm install 安装了 PrimeNG 和 PrimeUI，然后添加了必要的类型作为环境依赖项：

首先，我遇到了 jquery 输入问题。它给了我以下错误：

我通过在以下行中注释掉它来解决它typings/browser/ambient/jquery/index.d.ts：

现在我正在尝试使用命令primeui-ng-all.min.js在vendor.ts文件中导入。import "primeui/primeui-ng-all.min.js";但是我收到以下错误：

将 PrimeNG 包含在 angular2-webpack-starter 中是否正确？我应该如何解决这个问题？也许我应该如何导入 PrimeNG 所需的其他文件，例如样式表？

您好，我使用的是 angular2.beta.4，但是当我尝试安装需要 angular2.beta.13 的 PrimeNG 时，它不起作用。所以，我安装了 angular.beta.14 但我仍然收到以下错误：

angular2.beta.14 不能运行以前版本的包吗？

我无法使用 gulpfile.js 导入primeng 组件，但我可以在哪里导入其他第三方组件。

我收到未知来源错误。请帮忙。

我是否必须更改 primeng.js 中的路径？

布局.cshtml：

GULPFILE.JS

零件：

import {DataTable, Column} from 'primeng/primeng';

我已导入数据表、列并添加到指令中并在组件中使用，如下所示

但我收到以下错误：

在我正在处理的应用程序中，我面临一个 PrimeNG 9 TreeTable 的奇怪问题，我已经配置了虚拟滚动和具有切换\扩展行为的嵌套节点结构。

我在做出选择后发现，滚动或展开另一个节点时突出显示的节点会丢失。突出显示的选择会跳转到另一个随机节点。

可以在这里找到最小的可重现演示： https ://stackblitz.com/edit/primeng9-treetablescroll-selections

我想知道这是否与this.cdr.detectChanges();我在ngAfterViewInit生命周期钩子中添加的有关，我添加它是为了在 v10.0.3 版本中引入此错误修复，但删除它没有任何区别，并带回错误修复地​​址ExpressionChangedAfterItHasBeenCheckedError。

该应用程序也无法迁移到 PrimeNG 10，因此我特意寻找 v9 修复\解决方法（如果可能）。

有人知道这里可能发生了什么吗？

解决了

感谢@DipenShah 为我指明了正确的方向以找到合适的解决方法。根据他的回答，我进一步增强了他的方法，以处理在 v9 中树表在切换父节点时触发展开\折叠事件和节点选择事件的情况。这在 v10 中不会发生。

我的最终解决方法在这里https://stackblitz.com/edit/primeng9-treetablescroll-selections-utsj2p?file=src/app/app.component.ts

当列附加了模板时，DataTableRowExpander 不起作用。请参阅下面的代码以供参考。

我正在尝试为其中包含PrimeNG 饼图指令的组件编写单元测试。PrimeNG 使用Chart.js，它包含在我的测试配置中index.html，我已将其添加到我的列表中。files当我执行我的测试时，它说Can't find variable: Chart。如果我从模板中删除第 3 方组件，则测试通过。使用 3rd 方组件创建单元测试的正确方法是什么？

我在使用 angular2 (rc.1) 的 PrimeNG 组件 (beta5) 时遇到问题。当尝试使用任何组件时，例如菜单栏，我总是得到错误

在菜单栏上找不到指令注释

我刚刚开始学习 angular 和 PrimeNG，所以我可能做错了什么。但经过大量谷歌搜索后，我找不到任何帮助。

Menubar 组件上似乎没有注释的原因是什么？我究竟做错了什么？

请注意，我正在尝试使用纯 javascript，即不是 TypeScript。（嗯，事实上，我正在使用 Python [通过 Brython]，但这完全是另一回事。）

我的 index.html 是这样开始的：

我app/main.js的很简单：

该app/system.config.js脚本包含：