如何解决如何限制NgSelect下拉面板中显示的项目数?
所以我正在使用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 举报,一经查实,本站将立刻删除。