Angular 如何限制NgSelect下拉面板中显示的项目数？

因此，我使用Angular ngselect显示一个下拉列表，其中包含一系列选项。由于屏幕的限制，我想将下拉列表中显示的项目数限制为3个，用户可以滚动浏览其余的项目

我在一个反应式表单中使用ng select并[！[它看起来像这样][1][1]

当我单击“付款方式”时，布局似乎很好，因为它只包含2个项目。 [！[在此处输入图像描述][2][2]

但是当点击另一个下拉列表时，它会被切断，因为下拉列表的大小不适合容器

[！[在此处输入图像描述][3][3]

我尝试的另一种方法是通过编写

appendTo=“body”

当下拉菜单弹出时，它看起来像这样[！[在此处输入图像描述][4][4]

但是这种方法的主要问题是，当我滚动浏览父对象（在本例中是主体）时，下拉列表会被固定在它最初出现的位置，而理想的行为应该是它应该与ngselect元素一起移动

[！[在此处输入图像描述][5][5]

如何限制显示的元素数量，使其适合容器内。 [1]: [2]: [3]: [4]:

---

[5] ：

你找到解决这个问题的方法了吗？！