我正在使用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