问题描述
所以我正在使用Angular ngselect来显示一个包含大量选项的下拉列表。由于屏幕的限制，我想将下拉菜单中显示的项目数限制为3，这样用户就可以滚动浏览其余项目。
我在反应形式内使用ng-select和[！[看起来像这样] [1]] [1]
当我单击付款方式时，布局似乎很好，因为它仅包含2个项目。 [！[在此处输入图片描述] [2]] [2]
但是，当点击其他下拉菜单时，由于下拉菜单的大小无法容纳在容器中，因此该下拉菜单会被剪掉
[！[在此处输入图片描述] [3]] [3]
我尝试的另一种方法是通过编写appendTo="body"
当下拉菜单弹出时，它看起来像这样[[[在此处输入图片描述] [4]] [4]
但是这种方法的主要问题是，当我滚动浏览本例中为身体的父对象时，下拉列表会停留在它起源的同一位置，而理想的行为应该是它应该与ngselect元素。
[！[在此处输入图片描述] [5]] [5]
我如何限制显示的元素数，以使其适合容器内。 [1]：https://i.stack.imgur.com/HdfAb.png [2]：https://i.stack.imgur.com/WRvk7.png [3]：https://i.stack.imgur.com/P1W2w.png [4]：https://i.stack.imgur.com/5augz.png [5]：https://i.stack.imgur.com/8Nitf.png
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）