问题标签 [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 投票
9 回答
21983 浏览

typescript - 如何使 PrimeNG 菜单栏组件工作?

我正在尝试使用 PrimeNG 制作菜单栏,基于http://www.primefaces.org/primeng/#/menubar中的示例

我创建了这样的东西:

app.component.ts

menubardemo.components.ts

在我检查出数据对象后打印在 DOM 上,但菜单栏没有显示。

更新:

索引.html

包.json

tsconfig.json

systemjs.config.js

打字.json

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
2518 浏览

angular - 可以在没有 npm 的情况下使用嵌入在 JSF 中的 Primeng、Angular2 吗?

我想在前端使用 angular2 框架,所以对于 UI 部分我想使用 primeng 但我不知道 npm 是如何工作的。

技术资料:

  1. 我的 IDE 是 eclipse/netbeans
  2. 项目将部署在 Wildfly8.0 上

我可以将 JSF 组件与primeng 混合使用吗?

0 投票
0 回答
2266 浏览

html - Angular 2 中的 PrimeNG 下拉菜单输入和工具提示组件

我正在使用下拉指令在 Angular 2 Web 应用程序中进行输入。我试图避免使用标签,所以我也想实现工具提示组件。因此,当我将鼠标悬停在下拉项目上时,应该会弹出一个工具提示。

工具提示将显示,但会导致崩溃然后消失。这是错误消息:在此处输入图像描述

这是我的代码:

tooltip 指令适用于简单的输入,但似乎没有别的。

0 投票
1 回答
210 浏览

typescript - 格式不兼容的共享模型变量

共享模型变量的格式与子组件不兼容,我应该如何处理转换而不弄乱我的应用程序模型?

0 投票
5 回答
20080 浏览

angular - 当数据不存在时,如何在 PrimeNG 数据表中添加“未找到记录”?

我在primeNG官方网站上搜索,我发现emptyMessage= "No Record Found"PrimeNG ref中没有像数据表这样的属性。http://www.primefaces.org/primeng/#/datatable

因此,当我的数据表中没有数据时,它没有向我显示任何消息。

0 投票
0 回答
451 浏览

angular - PrimeNG中的ngrepeat div

有一个来自 ts 的 http post 调用ngOnInit()来初始化值数组,但我一直在获取值undefined error,我认为代码片段是正确的,可能是服务调用未完成并html在此之前呈现在 Angular 2 中是否可能?

0 投票
2 回答
361 浏览

angular - 使用 Angular 2 访问图表 js 的隐藏/取消隐藏数据系列功能

我目前正在使用基于 chartJS 构建的 PrimeNG 图表。

我试图实现的用例是使用外部按钮隐藏/取消隐藏特定数据系列。

目前我们可以通过点击相应数据系列的标签来做到这一点。

有人能指出我正确的方向吗?

0 投票
2 回答
11772 浏览

html - Primeng p-dropdown 指令不显示所选值

我正在使用primeng 的下拉指令来允许用户为进入日历应用程序的事件选择约会类型。下拉菜单的向下箭头显示,单击它时,用户可以照常从列表中选择项目,但下拉菜单中没有显示所选项目的显示区域。我可以验证选择一个项目是否有效,然后单击一个事件,然后单击下拉箭头将显示选择的正确项目。下面是我的组件的 ts、html 和 css 文件。

在此处输入图像描述

约会-detail.component.ts:

约会-detail.component.html:

约会-detail.component.css:

0 投票
1 回答
2445 浏览

typescript - 如何在Angular 2中调用条件单选按钮?

我有两个单选按钮当我先选择然后单击按钮然后显示应该为假,当我选择第二个并单击按钮时显示冲突应该为真,如下所示

我试过这种方式,但我无法得到解决方案。

0 投票
3 回答
20795 浏览

angular - How to use PrimeNG Dropdown in Angular2 Model-driven form?

Need help with PrimeNG dropdown in an Angular2 model-driven form. The PrimeNG documentation I have found only use template-driven forms.

A sample code for the following would help greatly:

  1. an Angular model-driven form
  2. the form contains one PrimeNG dropdown and a submit button.
  3. the dropdown contains 4 cities (Moscow, Istanbul, Berlin, Paris).
  4. the user is required to change the selected city (to enable the Submit button).
  5. the dropdown can be programatically "initialized" to show one of the cities in the options list (e.g. Berlin) when the form first opens.

Thanks.