3

我正在 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 应用程序，更新平板电脑，但没有任何效果。

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

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

谢谢！

4

2 回答 2

8

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

在 platform/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”会在我的选择下拉菜单。

于 2016-06-21T18:38:19.603 回答
0

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

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

希望这可以帮助。

于 2016-05-17T14:51:48.860 回答