问题标签 [primeng-dropdowns]

我正在使用 PrimeNG，我无法添加一些按钮来清除输入。这是我的html：

我正在为我的 Web 应用程序使用 Angular 4。在这里我想翻译多选下拉菜单的默认标签值。以下格式无法正常工作。谁能帮我解决这个问题？

.ts

.html

我想在多选组件的标题内的某处添加一个按钮，以便用户可以单击该按钮，而不是依赖多选组件的 onChange事件。

在文档中，只有几个预定义的指令。

pTemplate="selectedItems"并pTemplate="item"编辑模板。除了这两个之外，我如何添加自定义 html。我想在搜索输入表单之外添加按钮？

我是 UI 开发和 PrimeNg 的新手，可能答案就在那里，但我找不到。Anyhoo，我在一个 ngFor 循环中创建多个级别的下拉列表。例如，我有 2 间豪华房和套房。和豪华有早餐，早餐+午餐，早餐+晚餐和套房只有2（早餐，早餐+晚餐）所有这些都是通过从数据库中获取数据生成的。

因此，对于第一个下拉菜单，如果用户选择 Deluxe，则第二个下拉菜单的选项应该有 3 个条目，而如果它选择 Suite，则选项应该只有 2。如何实现？

模板：

请注意，masterRooms 是房间列表，而 masterRateplans 是我打算根据第一个下拉列表中选择的房间动态更改的房间列表。masterRooms 和 masterRateplan 是从组件中的 Db 中获取的。

我在使用Angular和PrimeNG DropDown 元素时遇到以下问题：https ://www.primefaces.org/primeng/#/dropdown

开始之前请注意：正如您在上一页中看到的，此元素始终与一个列表相关联，该列表的第一个元素是一个假标签，如“Select City”，如下所示：

在我的项目中，我有这样的事情：

它直接包含声音，我的列表中没有第一个“选择某些东西”声音。我担心它会自动显示我列表中的第一个真实元素。

但是这样我就有一个问题，因为我认为我有这样的事情：

如您所见，我在此代码中为(onChange)事件设置了一个方法（因为当用户从该列表中选择一个元素时，必须执行一些操作并且必须在页面中显示第二个下拉菜单）。

如果我在此下拉菜单中选择第二个或第三个元素，它可以正常工作，但如果我选择第一个元素，则不会执行该事件，因为在我的下拉菜单中，第一个是默认元素，因此选择它没有变化，并且onChange事件未触发。

所以......我的问题是：存在一种方法来识别第一个元素的选择（即使没有真正的变化）或者唯一的解决方案是在我的列表中插入第一个“选择一个项目”元素？

我在使用primeng的角度UI应用程序上的过滤器下拉选项有问题。问题是当我单击状态列上的过滤器时，过滤器出现在“使用余额排除”列之前。对于不在最后一列中的过滤器，相同的代码可以完美地工作。在我的例子中，“状态”列是最后一列，过滤器应该与状态列对齐。任何帮助表示赞赏。

我有一个包含 1000 个值的 PrimeNG 下拉列表。所以我放了一个过滤器。现在的问题是我想要一个像“filterMatchMode = startwith”这样的过滤器，我们为表过滤器列提供了它。默认实现是“包含”，它不能像我们在表中那样被“filterMatchMode”属性覆盖。这个问题是我有多个以“xyz”结尾的值，我有一个值为“xyz”的值。所以我必须一直向下滚动才能选择值。有什么可能的解决方案？

不能解决问题的当前代码：

我想在我的应用程序中使用这个 PrimeNG-Dropdown。所以我做了什么：

然后我DropdownModule在我的导入中添加了app.module.ts. 之后，我在我的 html 中包含了以下代码：

在运行ng serve和启动localhost:4200时出现以下错误：

./node_modules/primeng/components/multiselect/multiselect.js 未找到模块：错误：无法解析 '%projectroot%\node_modules\primeng\components\multiselect' 中的 '@angular/cdk/scrolling'

我还尝试从imports-Array 中删除导入，这导致了不同的错误。我究竟做错了什么？我正在使用 Angular 7 顺便说一句。

删除导入时出现以下错误：

按照https://www.primefaces.org/primeng/#/dropdown的说明，我正在尝试做一个，但未显示列表选项。

编辑：它是固定的。我理解错了。我认为我可以从外部类中获取语言以重用组件。可能有可能，但这是我仍然不知道该怎么做的事情。如果有人可以帮助我，我将不胜感激。

这些是我的课：

习语.ts

header.component.ts

header.component.html

这就是我得到的：

当我点击下拉菜单时

我究竟做错了什么？

为了解决它，更改如下：

app.module.ts

惯用语.ts

header.component.ts

我一直在尝试更改 primeNG 默认提供的图标。我很接近，但有些东西我不明白。

我在我的 component.ts 中创建了一个带有字体真棒图标值的 var。在模板中，我使用 var 的值分配了一个属性 [dropdownIcon]。当我签入时，浏览器显示一个空方块。调试我已经看到，如果我取消选中 .ui-dropdown-trigger-icon:before 的属性“内容”，则会正确显示图标，但我不知道如何在我的代码中删除它。

如果可能的话，我想知道如何删除框的边框，我已经尝试过但没有任何效果。

header.component.ts

header.component.html

header.component.scss

我试过了，不成功（什么都不显示）

调试的捕获：

现在 如何显示 unckeck的结果