使用 Ionic 框架的 Native Dropdown答案

【问题标题】：Native Dropdown using Ionic framework使用 Ionic 框架的 Native Dropdown
【发布时间】：2016-10-18 04:18:03
【问题描述】：

我在 Visual Studio 2015 上使用 ionic + cordova

是否可以使用 Ionic 框架创建类似原生的下拉菜单？

当前的下拉菜单看起来像 http://play.ionic.io/app/3e4c1f91d962 这在设备上并没有太大的吸引力。此外，在 Android 设备上，选项的文本变为空白。但是，只有在选择之后，它才会显示文本。

我们可以像http://baymard.com/blog/mobile-dropdown-navigation显示的第一张图片一样显示它

【问题讨论】：

我认为 android 不是您的问题的相关标签。
好的。仅在 Android 上观察到空白选项的问题，它在 Ripple 模拟器上运行良好。而且，所以我添加了 Android 标签。
有一个类似的案例可能会有所帮助：iPhone / Android induce native Dropdown picker
但它说“在带有 Phonegap 的 WebView 中使用时，
我尝试合并示例，但是在 Android 选项卡上，它显示没有任何文本的下拉列表。它将所有选项显示为空白文本，选择后下拉显示正确的选择值。

标签： cordova ionic-framework visual-studio-2015

【解决方案1】：

现在的问题是 <select> 标签是“特定于平台的”我在 iOS 和 android 的混合应用程序上使用 <select multiple="true"> 和简单的 <select> 标签。在 android 上它看起来很丑，但在 iOS 上它看起来不错。这是我们无法真正控制的。如果您想要一个非常漂亮的下拉菜单，您可能需要为下拉菜单找到 HTML 以外的其他方式。

【讨论】：