angular - PrimeNG:单击 p-dropdown 的 li 元素

Question

我在我的项目中使用了 PrimeNG ( https://www.primefaces.org/primeng/v8.2.7-lts/#/dropdown ) 库中的 p-dropdown。好吧，我想做的是对下拉列表的元素进行分组，我已经实现了。我的问题是，是否可以选择粗体元素(在图片中例如德国或美国)？现在，如果我选择它，它不会在下拉列表中显示为选中状态。有什么办法吗？

另一种选择是找到一些方法来列出元素，如您在第二张图片中所见，但使用 PrimeNG 下拉元素。

• Angular 版本:8.2.14
• 版本 PrimeNG:8.1.1

Answer 1

我认为最好的方法是使用项目模板并创建一种方法来根据索引值将缩进附加到项目(例如管道(后计算)、扩展 SelectItem(预先计算)...)。不要留群。

我的意思是类似这样的:

<p-dropdown [options]="myOptions">
    <ng-template let-option pTemplate="item"> 
        {{ option.label | addIndentSpaces }}
    </ng-template>
</p-dropdown>

请参阅文档中的模板部分“自定义内容”。