[popup]="true" 不工作primeng

问题描述

在使用 [popup]="true" 的时候，发现 primeng 中的组件没有弹出框。

原因

我们无法确定具体是哪个组件，但是可以初步判断是由于 CSS 样式引入的问题

解决方案

1. 确定是否引入 primeng 的主题样式或覆盖样式

primeng 中的一些组件样式依赖于主题，如果没有主题或者覆盖样式，就可能出现无法弹出的情况。

2. 检查所使用的组件是否能够响应 popup

需要在组件上设置 [popup]="true" 属性才能弹出一个可选列表等。如果组件不支持 popup 属性，就算设置了也没有用。

示例代码

<p-dropdown [options]="options" [popup]="true" [(ngModel)]="selectedOption"></p-dropdown>

以上代码使用 p-dropdown 组件实现了一个下拉框控件，设置了 [popup]="true" 属性支持弹出可选列表。