问题标签 [primeng-dropdowns]

我在 angular 5 和primeng 上工作。我的项目页面有 2p-dropdown并且要求是，如果标签中的标签car dropdown是'Others'添加'No Paint'在第二个下拉列表中命名的选项，并且car下拉标签不是从第二个下拉列表'Ohters'中删除'No Paint'选项。我被困在动态添加和删除下拉选项中。任何人都可以请指导，下面是我的代码。谢谢

模型：DropDownOptions.ts

我确实尝试this.cars.push(new DropDownOptions('Others', 'others'))过，但这会在我更改下拉值时多次添加“其他”选项。

我有一个 MultiSelectComponent 扩展primeng MultiSelect

从 6.1.6 更新到 7.0.4 后

类型“MultiSelect”上不存在属性“onItemClick”。什么是替代品？在文档中找不到东西...

我正在使用PrimeNG启用了自定义过滤和虚拟滚动的下拉组件。

我发现该组件在重新打开时不会滚动回视图中的项目列表中的最后一个选择，而是它只是滚动回列表顶部，这意味着您必须物理滚动才能找到所做的选择.

请参阅此示例stackblitz

我确实在这里遇到了一个解决方案，它谈到了调用scrollToIndexCdkVirtualScrollViewport 实例，听起来它可能对我有用。但是当我试图将它合并到我的代码中时，我的实例变量出现为未定义。

有谁知道这里的正确方法是什么？我正在使用 PrimeNG 7.1.3。

谢谢

我们在我们的应用程序中使用 PrimeNG 自动完成组件。我们会用“红色”显示所有有效的无效。默认情况下，Angular 用 ng-valid 样式类标记所有输入字段，除非我们有任何使控件无效的验证。这似乎是 Angular 中的标准。PrimeNg Control 的行为不同。

现在，如果我从位置自动完成下拉列表中选择一个值，然后删除它与号码中的电话类型相同，然后删除，则不再触发验证

HTML

TS 代码

我正在使用primeng p-dropdown 模块。我附加了一个<ng-template>以分别在三列中显示我的数据，名称、地址和电子邮件。不使用appendTo属性会导致大量文本掉到下一行和丑陋的水平滚动条。我使用appendTo="body"并且文本删除问题已部分修复，但我仍然看到地址列文本下降到下一行。经过进一步调查，我发现p-dropdown输出的是一个覆盖div元素，并且在我的例子中它有一个内联 css 样式属性'min-width'设置为'473px'。这是输出的 div 元素。

我使用 chrome 开发人员工具将其更改为635px，覆盖面板变得足够宽以在一行中显示地址，水平滚动条不再存在。现在，我正在尝试从 Angular 覆盖这种内联样式，但我无法这样做。

1. 库文档提供panelStyle了在覆盖 div 元素上应用内联样式的属性，我尝试过使用它，但由于!important无法在此处应用（因为它将这些内联样式发送到ngStyle后端）。所以，在我的情况下它是没有用的。
2. 然后我尝试使用panelStyleClass属性将类设置为extendWidth. 类名出现在 div 上，但像这样ng-reflect-klass="extendWidth"。并且类中存在的css样式即使使用:host >>>

它应该让我以某种方式覆盖自定义最小宽度属性。

我正在使用primeng下拉菜单并且很难将我的对象竞标到下拉菜单。它确实用空项目填充下拉列表..不确定如何指定字段名称。

HTML

目的

TS

节点版本：8.12.0 角度版本：7.3.4 PrimeNG 版本：7.0.0

我正在使用 PrimeNG 的自动完成组件的下拉功能。它仅在第一次加载下拉列表后没有任何反应，这是自动完成功能功能的问题我的代码如下所示：

我的 app.module.ts 看起来像：

我有一个非常奇怪的问题，我无法弄清楚，当使用“Chrome”时，我的对象有时会变为空，但在 IE 中它总是有效。它只发生在我所有的下拉菜单中，但是，像文本框这样的其他控件按预期工作......这是我的代码的简化版本。

注意：dropdrow 绑定正确，所以值在 html 中可用

HTML（使用响应式表单）

TS

JSON

我在整个 Angular 7 应用程序中使用 PrimeNG 的下拉控件，它运行良好。我通常总是将 showClear 属性设置为 true，它在控件中的文本右侧提供了一个小“x”按钮，单击该按钮时，会将所选内容重置为无。它工作得很好。但是，我刚刚构建了一个包含很多下拉列表的表单，并且在选择任何内容之前，它们都会显示“x”。所以下拉列表的初始显示显示了 x，它不应该在那里。在应用程序的其他区域，它可以按我的预期工作，但在这种形式上却没有。我能想到的唯一不同的是我正在为这个表单使用反应式表单。

这是该下拉列表的标签：

知道我在这里可能缺少什么吗？

Prime NG 多选初始值看不到选中的复选框

初始化方法

让 selectedT: Country[];

selectedT = [{标签：“罗马”，价值：“RM”}];

this.dForm.controls["selectedCities"].setValue([{label: "Rome", value: "RM"}]);