在角材料底部表中使用选择下拉菜单答案

【问题标题】：using select dropdown in angular material bottom sheet在角材料底部表中使用选择下拉菜单
【发布时间】：2015-06-05 06:28:31
【问题描述】：

我在基于 Angular 材料项目 (https://material.angularjs.org/latest/#/demo/material.components.bottomSheet) 的应用程序中使用底页。我在底部表单中有一个带有滑块、输入元素和选择下拉列表的表单。在桌面上一切正常，但在平板电脑或手机上，我似乎无法滚动浏览下拉列表中的所有选项。当我在平板电脑/手机上模拟滚动时，底部工作表会移动，但下拉菜单不会移动。我曾尝试寻找解决此问题的方法，但在网上没有找到太多帮助。有没有办法禁用底部工作表上的滑动事件或解决我面临的问题的替代方法？

【问题讨论】：

标签： javascript angularjs angular-material

【解决方案1】：

通过利用 hide-gt-md 和 hide-sm 材质 css 类，我能够使用本机选择下拉菜单来解决平板电脑和手机视图底部工作表中 md-select 的滚动问题。

<md-bottom-sheet>
  <md-select hide-sm hide-md options...>
  </md-select>

  <select hide-gt-md options...>
  </select>
</md-bottom-sheet>

【讨论】：