问题标签 [primeng]

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 投票
3 回答
8648 浏览

dom - 如何初始化primeng树组件

给定tree如何以随意扩展节点的方式对其进行初始化?

我已经尝试获得参考,但在尝试访问他的孩子时@ViewChildren(Tree) tree导致参考undefined

0 投票
1 回答
1147 浏览

angular - Primeng饼图在Angular2中抛出错误

我正在尝试使用primeng beta 9 版本创建饼图。

以下是我的示例代码-

在编译时,它不会显示任何错误。但浏览器显示错误为 -

原始异常:TypeError:i.labels 未定义

在此处输入图像描述

请让我知道这里有什么问题。

0 投票
3 回答
2217 浏览

angularjs - Angular2:PrimeNG - XHR 错误(未找到 404)

我想使用 PrimeNG-Module 中的 Dialog,但我总是收到错误消息:

我使用了来自http://www.primefaces.org/primeng/#/setup的设置配置 但是我尝试过的一切都行不通。我正在使用 Angular2 RC4。

系统配置.ts

角-cli-build.js

位置组件.ts

包.json

0 投票
7 回答
64861 浏览

html - Prime ng 样式不应用 angular2

嗨,我刚开始使用 angular 2。我找到了这个库 PrimeNG,我按照本教程进行操作: http ://blog.davincisoftware.sk/primeng-web-component-framework-based-on-angularjs-2 这一切都有效,除了款式。他们没有以某种方式申请,我真的不知道该怎么办。这是我的桌子的样子: primeNG 数据表

以上是我的模板。

另外,我不太明白如何在他们的元素上应用我自己的类。

这是我的组件类(我也尝试删除装饰器组件中的样式属性

0 投票
1 回答
1929 浏览

typescript - Angular2 / PrimeNG - 以动态方式将项目推送到 Treeview

我正在从服务器获取一些数据。数据如下所示:

abc/abca/abcsd/absc.dat

斜线的数量因路径而异。

现在我想使用 PrimeNG 在树视图中显示它。这是我有多远:

“测试”是前面描述的数据。我正在使用正则表达式搜索 /。"result[1]" 会给我斜线之间的字符串。我现在能做的是检查它是否为.dat,然后将其推送到树视图中,树视图结构如下所示(上面的示例):

如您所见,我无法显示正确的文件夹结构。我可以通过获取斜杠的数量对其进行硬编码,然后执行一个 switch case 以正确的顺序推送它,但我想要 int 以一种动态的方式。

所以我需要的是动态的方式:

有任何想法吗?

0 投票
3 回答
2527 浏览

angular - PrimeNG Angular2 css 对话框

您好,我一直在使用 angular2 和 PrimeNG 我有以下问题:我有一个无法动态调整垂直大小的对话框。

如果我添加一个 height="500" 或其他内容,对话框的高度将会改变,但看起来像这样:

在此处输入图像描述

我希望在底部有保存按钮并能够看到所有内容。当房间可用时。

0 投票
4 回答
2952 浏览

angular - p-menu 不显示

我目前正在使用 angular 2 测试primeng,我想创建一个简单的菜单。

这是我的代码:

和html代码

当我启动网站时,什么都没有出现。如果我删除 html 中的“p-menu”行,我会看到“h4”...

我究竟做错了什么 ?

0 投票
2 回答
6815 浏览

angular - 将分页放在 PrimeNG 的 Datatable 组件的顶部和底部的选项

有什么办法可以将分页器放在表格的顶部和底部。我尝试将分页器组件放在底部和顶部,但它没有同步。顶部和底部分页器充当两个不同的组件。有什么办法可以同时同步吗?请参阅下面的组件 http://www.primefaces.org/primeng/#/datatablepaginator

<p-paginator [rows]="rows" [first]="first" [totalRecords]="totalRecords" [pageLinkSize]="pageLinks" styleClass="ui-paginator-bottom" (onPageChange)="paginate($event)" [rowsPerPageOptions]="rowsPerPageOptions" *ngIf="paginator"></p-paginator>

将上述组件添加到数据表的顶部

更改在文件 src/components/datatable/datatable.ts 中(第 22 和 142 行)

请参阅 plnkr(我只添加了运行所需的启动组件)

http://plnkr.co/edit/Ii53rw9IDtKb7G8vwY5e?p=preview

0 投票
2 回答
6328 浏览

angular - Angular2/PrimeNG - 无法显示下拉菜单

我正在为我的应用程序使用 PrimeNG 和 Angular2。

我有一个组件,它应该显示可选主题的下拉菜单。我遵循了PrimeNG Dropdown文档,据我所知,我已经以相同的方式构建了所有内容。但我总是收到错误“''没有值访问器”

主题.component.ts:

主题.component.html:

问题可能出在哪里?:( 编辑:问题实际上是 ngModel。如果我从 html 标记中删除它,则会显示下拉列表。

0 投票
1 回答
1465 浏览

typescript - PrimeNG/Chart.js - 要显示的最大标签数

我正在使用 PrimeNG 图表(基于 chart.js)。我知道要设置要显示的最大标签数。文档显示: ticks.max String - 要显示的最大项目。必须是标签数组中的值

但我不知道把它放在哪里,在互联网上的任何地方都找不到任何东西。我的图表选项现在看起来像这样:

我尝试在选项中的不同位置添加 ticks.max,但我总是收到“意外令牌”错误。我可以在“ticks”中设置一个“max”值,但这确实是一个数字,不是我要找的。而且,上面的文档还告诉我们 ticks.max 是标签数组中的一个字符串。所以刻度对象中的“最大值”肯定是别的东西。

这可能是一个愚蠢的问题,但我搜索了很长时间,忍不住问。