2016-05-17 92 views
3

我正在开发Ionic 1.7中的应用程序。选择下拉列表Ionic不显示文本

我有一个选择菜单,我面临着一个问题。

为了简化起见,我的代码是一样的文档

<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的问题。我的公司平板电脑和这个应用程序必须在这里工作。

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

截图供参考

enter image description here

如果我在默认浏览器中打开的样品,它的工作原理,箱子是相同的,但标签显示用黑色文本,它不发生在离子应用。

我试图删除离子的所有CSS,添加可能工作的所有CSS,更新android的webview应用程序,更新平板电脑,并没有任何工作。

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

有关如何解决此问题或强制打开本地选择菜单的任何想法或解决方法?

谢谢!

+0

当你将你的设备连接到你的电脑时,你有没有试过通过'chrome:// inspect /#devices'(或其他任何调试工具 - 这只是我最喜欢的)来调试它?如果它在那里给出任何错误消息。或者你甚至可以检查元素,看看你是否可以发现错误的东西。 – thepio

+0

当然,我一直在检查和编辑所有的CSS,但我没有取得任何进展 – Del

+0

我不知道为什么会发生这种情况,但你可以尝试使用Xwalk来解决你的问题。当使用离子视图应用程序时,问题是否显示?您是否尝试过其他任何华为设备?顺便说一句,Ionic的版本只能达到1.3.1版本,我认为你列出的版本是CLI版本。 – iCediCe

回答

7

我从这里的正确答案: Apache Cordova Android 5.0 Select Box Option color

找到的AndroidManifest.xml中的平台/ Android和查找此块:

<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:style/Theme.Light.NoTitleBar“

当我遇到同样的问题时,设置为:”android:theme =“@ android:style/Theme.DeviceDefault.NoActionBar”。将其设置为“ Theme.Light.NoTitleBar“给了我黑色的文字白色在我的选择下拉列表中。

+0

有人应该将此标记为正确的答案。谢谢@迪兰 – RobertH