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，应用程序中显示的选项数量也取决于您的窗口高度。即使在演示页面中，您也必须降低顶部框架的高度才能看到更多选项。

AngularJS md-select限制选项

1 个答案: