我正在使用ngOptions作为我的下拉菜单。由于我的下拉菜单有很多选项，因此我想将下拉列表中的可见项目限制为5.用户应该能够滚动到其余选项。如何使用ngOptions限制下拉列表中的可见选项
HTML
<select ng-model="model.year" ng-options="year for year in model.yearOptions"></select>
的Javascript
$scope.yearOptions = ["2017","2018","2019","2020","2021", "....","2050"];
$scope.model.year = "2017";
这是不是与大小/ NG规模，扩大了原有的框本身的高度相混淆。
您可以将样式选择选项，但它不容易或跨浏览器一致。这里有关于这个问题的好文章：https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms#Dealing_with_the_select_nightmare
实施例：<select class="myClassName" ng-option="..."></select> ... .myClassName { height: 5em; overflow: auto;}
尝试使用limitTo滤波器：
<select ng-model="model.year"
ng-options="year for year in model.yearOptions | limitTo : 5"></select>
limitTo使剩下的选项无法访问。我希望用户能够使用滚动访问这些内容。 – Pankaj
尝试添加大小= “10”
<select size="5" ng-model="model.year" ng-options="year for year in model.yearOptions"></select>
看到这个例子也许它可以帮助你https://jsfiddle.net/88cxzhom/27/ –
你能解释一下，不是html的select'size'属性吗？大小完全符合你所要求的东西 - 所以size =“5”将显示5个元素，你可以滚动到其他元素。尝试在plnkr小提琴上或某处张贴一些代码，以便我们可以更好地理解。 – pegla
@FerhadOthman谢谢，你的例子很好，但它扩展了现有的div，下面的项目向下移动。我想限制滚动条中的可见选项。请参阅添加的图像。 – Pankaj