AngularJS md-select 限制选项

Question

有没有办法限制 md-select 标签中显示的选项，因为它默认为 5 个选项。提前致谢

编辑：

<md-select ng-model="aaa" name="bbb" required>
                        <md-option value="1">1</md-option>
                        <md-option value="2">2</md-option>
                        <md-option value="3">3</md-option>
                        <md-option value="4">4</md-option>
                        <md-option value="5">5</md-option>
                        <md-option value="6">6</md-option>
                        <md-option value="7">7</md-option>
                        <md-option value="8">8</md-option>
                        <md-option value="9">9</md-option>
                        <md-option value="10">10</md-option>
                        <md-option value="11">11</md-option>
                        <md-option value="12">12</md-option>
                        <md-option value="13">13</md-option>
                        <md-option value="14">14</md-option>
                    </md-select-menu>
                </md-select>

Answer 1

在 AngularJS 的 Material Design CSS 文件中搜索 md-select-menu 和 md-select-menu md-content 并更改 max-height 值 - 默认为 256px。

最好将您自己的类添加到这些元素（或仅使用父类）并覆盖该值。

编辑
演示网址：https://codepen.io/anon/pen/MabBxg
这是材料设计网站的演示，我在其中添加了更多选项和以下 css 行：

body md-select-menu, body md-content{
  max-height: 350px;
}

注意：因为这是max-height，所以您的应用程序中显示的选项数量也取决于您的窗口高度。即使在演示页面中，您也必须降低顶部框架的高度才能看到更多选项。