Angular：选择下拉列表中的最大选择

Question

我正在Angular（v5）中创建一个项目，我想制作一个下拉的select语句，并显示最多7个元素，侧面有一个滚动条，允许用户滚动查看其余部分。我想这样做是因为目前在较小的屏幕上，我的select语句的内容延伸到屏幕之外：

最好的方法是什么？我知道我可以导入像Semantic UI这样的东西来完成我想要的东西：

但这只是一个小功能的额外代码。使用vanilla css / scss和html或angular来实现这一点的最佳方法是什么？

Answer 1

一个非常简单的解决方案就是使用普通的CSS来实现这一目标。只需要你的下拉类（即.dropdown-menu）并添加属性来隐藏溢出并设置高度。

.dropdown-menu {
       max-height: 400px; /* Height you want menu to display */
       overflow-y: auto; /* Sets the container to scroll vertically */
}