问题标签 [primeng-dropdowns]

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 投票
1 回答
658 浏览

angular - 共享相同 formControl 时 PrimeNg 下拉列表不更新其他下拉列表

我正在尝试将多个primeng下拉菜单与反应表单一起使用,这些下拉菜单共享相同的formControl实例,但由于某种原因,在更改一个下拉菜单的值时,它不会更改其他下拉菜单的可见值。

这是我的视图代码:

component.ts 代码:

以及Stackblitz上的工作样本

有解决办法还是我错过了什么?

谢谢。

0 投票
1 回答
1440 浏览

angular - PrimeNG:使用过滤值更新表

我正在尝试过滤存储在下拉列表中的数据。过滤器框应该在下拉选项之外,所以我需要创建一个自定义过滤功能。我获取输入字符串(例如“Jan”)并尝试找到匹配的数值(在本例中:“Jan” = 1)。然后我查看数据,看看是否有任何月份与该数值匹配。当我打印出返回的数据时,似乎我得到了正确的输出。但是,当我尝试更新表使用的数据时,它不会改变。

0 投票
1 回答
1205 浏览

angular - 如何在 primeNg 多选中动态更新 defaultLabel

在 primeNg 多选中,我从 ts 文件中取消选择项目,我可以取消选择,但这不会在输入字段中更新。

someComponent.html

一些组件.ts

问题是当我从下拉列表中选择和取消选择时,我能够看到“1 项已选择”“2 项已选择”等输出,反之亦然。

在此处输入图像描述

但是,当我从删除功能中执行此操作时,我可以取消选择下拉列表,但无法使用“1 项已选择”“2 项已选择”等更新 defaultLabel,反之亦然。

在此处输入图像描述

非常尝试并在所有primeng Q&A中进行了搜索,但无法找到答案。

0 投票
1 回答
740 浏览

angular - 如何正确使用 PrimeNG 的 Dropdown

我已经关注了这个这个问题,但他们的问题与我的略有不同。事实上,第一个问题甚至没有正确的答案。尽管正确地遵循了primeng文档中的所有内容,但我收到了这个错误:

截屏

这是我的代码。

app.module.ts

我还@angular/cdk使用命令安装:npm install @angular/cdk --save

包.json

我的app.component.html是:

我的app.component.ts是:

请纠正我。

PS:我也发现了一个stackblitz。但无法从中学到很多东西。

0 投票
1 回答
800 浏览

css - 如何删除 PrimeNG 下拉图标?

我正在使用 PrimeNG 下拉菜单,并试图删除下拉切换图标。我试过用css,但还是不行,可能是我做错了。请帮忙。

0 投票
1 回答
1173 浏览

angular - Angular PrimeNG - 如何更改 rowsperpageoptions 在 p-paginator 标记中生成的 p-dropdown 样式

我有一个关于 p-paginator 的问题需要帮助。

官方网站上,它给出了使用属性“rowsperpageoptions”的示例。是这样显示的,

截屏

使用 rowsperpageoptions 生成的 p-dropdown 以及一行中的页面编号。

但是我的代码会让它们像这样分开,

截屏

有没有办法改变 rowsperpageoptions 生成的 p-dropdown 的样式,并使其更小?

0 投票
1 回答
926 浏览

typescript - Primeng 下拉菜单在 table-angular 8 中不起作用

试图让primeng下拉但不工作。我不知道该怎么做。如果有人知道,请帮助找到解决方案。

app.component.html:

数据表.component.html:

演示:https ://stackblitz.com/edit/primeng-turbo-table-5e5ngc?file=app%2Fapp.component.html

0 投票
2 回答
574 浏览

angular - DropDown 与边距重叠

我对 Angular 和 Primeng 中的 DropDown 有疑问。带有“style=width:100%”的 DropDown 与所选大文本的边框重叠。then 控件的宽度大小不应取决于文本长度。

可以在https://stackblitz.com/edit/github-vur22c-cwrvzc找到一个示例

有人有解决方法吗?

在此处输入图像描述

0 投票
1 回答
1422 浏览

angular - 如何在 p-dialog 关闭时关闭 p-dropdown?

我有一个由 ngprime p-dialog 组成的角度组件。在此对话框的正文中有 p-dropdown。当我点击下拉选项时,会显示,但用户可能会意外点击关闭对话框。第二次打开对话框时,双击后下拉选项可用,因为 onHide 事件在第一次单击时执行。有没有办法在关闭对话框时关闭 p-dropdown 选项?这是代码

HTML

TS

0 投票
1 回答
1206 浏览

angular8 - 如何在primeng下拉列表中更改自定义错误消息

尝试显示自定义错误消息但不起作用。如果您键入不匹配的文本,它将显示默认的“未找到记录”。我想替换此“未找到记录”而不是显示“未匹配,请重试”。如何在启动下拉菜单中覆盖此错误消息。

演示:https ://stackblitz.com/edit/primeng-dropdown-csveyy?file=app/app.component.html

app.component.ts: