动态行上的 primeng p-dropdown

primeng p-dropdown on a dynamic row

我有一个 p 下拉列表,其中显示了组件中生成的 select 项的列表。 如果我将 p-dropdown 放在页面上作为静态输入,那么它会毫无问题地呈现 select 项的列表。

目的是将 p 下拉列表包含在一行单元格中。这样就可以添加或删除包含 p-dropdown 的行。这是使用 ngFor 循环呈现的。所以我有一个对象数组,其中一个对象属性是 p-dropdown 的 selected 值。

如果我从一个空数组开始,那么 p-dropdown 不会在页面上呈现,然后将一个空对象添加到 ngFor 数组,这会在行中呈现 p-dropdown,p-dropdown 中没有值。如果只显示 select 框和没有值的占位符 select from.

当 p-dropdown 是 ngFor 的一部分时,为什么不呈现选项?我该怎么做?

结果是 div 上的 class 表示应用了 overflow:hidden 的行。因此列表已填充,只是未显示。