问题标签 [primeng-dropdowns]

我试图在输入文本长度超过 3 后显示搜索结果如果文本长度小于 3，我想隐藏搜索结果区域。我只能使用 inputId 作为标识符。如何在启动下拉列表中实现这一点。

app.component.html：

app.component.ts：

stackblitz 演示

我有一个像这样的angular应用程序primeNg dropdown

`component.ts'

现在我想disable在dropdown. 那么我该怎么做呢？

目前我正在尝试将我的 Angular 7 项目中的 PrimeNG 从 ^5.2.7 升级到 ^7.1.3。更新后，当我运行“ng serve”时，出现与下拉和多选相关的错误。为了解决这个问题，它建议安装@angular/cdk。但是在完成这一步之后，我的样式崩溃了，因为@angular/cdk 将所有类从“fa”（用于字体真棒）更改为“pi”（primeicons）。并且还添加了一些新样式，例如“ui-dropdown”类。这在一个大项目中造成了很多问题。在更新 PrimeNG 时，有什么方法可以防止样式和类别发生变化？

提前致谢。

我正在使用来自 prime ng 的多选组件。我正在尝试更改多选下拉列表的标签，但它不起作用。请在下面找到我的代码：

如何更改多选组件的默认标签？

谢谢

现在这是我对primeng下拉列表的实现-

cust.component.html -

cust.component.ts -

问题是屏幕上显示的视图值没有恢复到原始值。

预期结果 -

下拉列表从值 A 更改为值 B。
用户确认 - 选择“取消”。
页面仍应显示旧值，即值 A。

实际结果 -

下拉列表从值 A 更改为值 B。
用户确认 - 选择“取消”。
页面应该显示新值 B.（没有primeng，它显示空白值 - https://stackblitz.com/edit/angular-dropwdown-confirmation-issue）

添加 GIF -

遇到此代码，该代码适用于本机 Angular，但在使用 *ngFor 动态填充选项时失败 - https://stackblitz.com/edit/angular-dropwdown-confirmation-issue

仅供参考，尝试了各种 github 帖子，但没有一个发现有用。

Angular 版本 - “@angular/core”：“^5.2.0”
PrimeNG - “primeng”：“^5.2.4”

假设有一个下拉列表，其中所有值都是从资产加载的。这是我的 json 文件：

我打电话给我的服务，它会打印出正确的值：

在我的html中我这样做：

问题是我在下拉列表中的值显示正确，但唯一的问题是必须在开始时显示的值是“ student_select”，但它显示第一个值“ id=1 and name=allan”。我的 api 不能是"id:2 and "name": "Spago""因为返回所选项目的正确方法是 id。任何人都可以帮我解决这个问题吗？

我的要求是在两列网格的每一行中都有下拉列表，如下所示：

这是我的问题的stackblitz：https ://stackblitz.com/edit/angular9-primeng9

用户可以为每一行选择值并保存。我能够使用服务从数据源中获取数据，并在订阅 observable 时初始化下拉选项。但是，我无法在页面加载时设置每一行的选定项以显示预先存在的行（我认为设置 [(ngModel)] 的问题）。

此外，我需要添加一个加号按钮，该按钮将向该表添加一个新行，并且结果应在保存操作时保存到数据库中。任何解决此问题的指导/线索都会有很大帮助。

下面是我正在使用的 HTML 代码：

在组件中（订阅 onchanges）：

我需要在下拉列表中自定义项目的输出：我的对象是这样的：{'code':1001,'description':jjj}

我会显示1001-jjj类似的输出，所以我这样做：

在我的 ts 我做：

该列表是正确加载的，因此当打印列表变量时，我读取了正确的值，它是一个包含 15 个元素的列表。

问题是当我打开下拉列表时，我数了 15 个元素，但没有文本。该项目为空。任何人都可以帮助我吗？

假设有这个下拉列表：

在我的 ts 中，我有：

问题是list,loadValue和index是正确计算，但是 selectedItem 值没有更新，因为它向我显示了列表的第一个值，但结果不正确。

我正在尝试使用他们的文档以反应形式使用 PrimeNG Multi-Select ，这与反应形式非常缺乏相关性。

我想要做的是在表单控件下方显示所选项目，如他们的示例中所示，除了他们的示例ngModel不使用反应式表单控件。

我按照他们的示例创建了其余代码，创建了一个变量

并将其填充到构造函数中，如他们的示例所示。

然后我创建一个 formBuilder 表单中定义的表单控件：

和 html 是

他们简单的基于 ngModel 的方法是<p>Selected Cars: {{selectedCars1}}</p>

但我没有使用 ngModel。那么，如何在模板中显示所选项目？

更新：

我仍然希望有一种更简单的方法，但到目前为止我设法添加了一个更改处理程序：

和功能：