选择下拉 Ionic 不显示文本答案

【问题标题】：Select dropdown Ionic don't show text选择下拉 Ionic 不显示文本
【发布时间】：2016-06-22 02:38:19
【问题描述】：

我正在使用 Ionic 1.7 开发一个应用程序。

我有一个选择菜单，但我遇到了问题。

为了简化，我的代码就像文档

  <label class="item item-input item-select">
    <div class="input-label">
      Lightsaber
    </div>
    <select>
      <option>Blue</option>
      <option selected>Green</option>
      <option>Red</option>
    </select>
  </label>

http://ionicframework.com/docs/components/#select

它适用于大多数设备，包括 iOS 和 Android。它显示了本机选择菜单，一切正常。

但是我有一个设备有问题，华为 MediaPad M2。它是我的公司平板电脑，这个应用程序必须在这里工作。

问题是，对于任何涉及选择菜单的代码，选项的文本都不会显示。元素的数量是正确的，我认为标签也可以，因为如果我增加标签的大小，盒子也会变大。

截图供参考

如果我在默认浏览器中打开示例，它可以工作，框是相同的，但标签显示为黑色文本，这在 ionic 应用程序中不会发生。

我尝试删除ionic的所有CSS，添加所有可能起作用的CSS，更新android的webview应用程序，更新平板电脑，但没有任何效果。

我试图创建一个只有一个选择菜单的新示例应用程序，这也发生了。

关于如何解决此问题或强制打开本机选择菜单的任何想法或解决方法？

谢谢！

【问题讨论】：

当您将设备连接到电脑时，您是否尝试过通过chrome://inspect/#devices（或任何其他调试工具 - 这只是我最喜欢的）对其进行调试？如果它在那里给出任何错误消息。或者你甚至可以检查元素，看看你是否能发现有问题的地方。
当然，我一直在动态检查和编辑所有 CSS，但没有任何进展
我不知道为什么会这样，但您可以尝试使用 Xwalk 来解决您的问题。使用 ionic view 应用程序时是否也会出现问题？您是否尝试过其他任何华为设备？顺便说一下，Ionic 只到了 1.3.1 版本，我认为您列出的版本是 CLI 版本。
您的问题解决了吗？我也一样。
不，我用自定义选择做了一个解决方法，我已经更换了我的设备，我不再有华为了。试试@Dylan 的回答，如果可行，我同意

标签： cordova dom ionic-framework huawei-mobile-services

【解决方案1】：

我从这里得到了正确答案： Apache Cordova Android 5.0 Select Box Option color

在platforms/android中找到AndroidManifest.xml并寻找这个块：

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Light.NoTitleBar" android:windowSoftInputMode="adjustResize">
            <intent-filter android:label="@string/launcher_name">
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

关键设置为：android:theme="@android:style/Theme.Light.NoTitleBar"

当我遇到和你一样的问题时，它被设置为：“android:theme="@android:style/Theme.DeviceDefault.NoActionBar”。将它设置为“Theme.Light.NoTitleBar”给了我黑色文本在我的选择下拉列表中显示为白色。

【讨论】：

有人应该将此标记为正确答案。谢谢@Dylan

【解决方案2】：

使用选择框插件的解决方法。我有同样的问题，同时我得到了解决方案，我正在使用这个插件。

https://github.com/domiSchenk/ionic-Select-Control

希望这会有所帮助。

【讨论】：