Dropdown wählen Ionic zeige keinen Text

Question

Ich entwickle eine Anwendung in Ionic 1.7.

Ich habe ein Auswahlmenü und ich habe ein Problem damit.

Zur Vereinfachung mein Code ist wie die Dokumentation

<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

Es funktioniert gut mit den meisten Geräten in iOS und Android. Es zeigt das native Auswahlmenü und alles ist in Ordnung.

Aber ich habe ein Problem mit einem Gerät, einem Huawei MediaPad M2. Sein mein Unternehmen Tablet und diese App müssen hier arbeiten.

Das Problem ist, dass bei jedem Code, der ausgewählte Menüs betrifft, der Text der Optionen nicht angezeigt wird. Die Anzahl der Elemente ist korrekt, und ich denke, dass die Beschriftungen auch in Ordnung sind, denn wenn ich die Größe der Beschriftungen vergrößere, wächst auch die Box.

Screenshot Referenz

Wenn ich die Proben im Standard-Browser zu öffnen, Es funktioniert, sind die Boxen die gleichen, aber die Etiketten zeigen mit schwarzem Text, was zu tun geschieht nicht in der ionische App.

Ich habe versucht, alle CSS von ionic zu entfernen, fügen Sie alle CSS, die möglicherweise funktionieren, aktualisieren Sie die Webview-App von Android, aktualisieren Sie das Tablet, und nichts hat funktioniert.

Ich habe versucht, eine neue Beispiel-App mit nur einem Auswahlmenü zu erstellen, und dies geschieht auch.

Irgendwelche Ideen oder Problemumgehungen, wie kann ich das beheben, oder zwingen, das native Auswahlmenü zu öffnen?

Danke!

Answer 1

Der Workaround, es zu verwenden, Select-Box-Plugin. Ich habe das gleiche Problem, und unterdessen bekomme ich die Lösung, ich benutze dieses Plugin.

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

Hoffnung, das hilft.

Answer 2

bekam ich die richtige Antwort von hier: Apache Cordova Android 5.0 Select Box Option color

AndroidManifest.xml Suchen in Plattformen/android und suchen Sie nach diesem Block:

<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> 

Der Schlüssel Einstellung ist: android: theme = "@ android: style/Theme.Light.NoTitleBar "

Wenn ich hatte das gleiche Problem wie du, dies wurde gesetzt: "android: Thema =." @ android: Stil/Theme.DeviceDefault.NoActionBar" Einstellung auf " Theme.Light.NoTitleBar "gab mir schwarzen Text auf Weiß in meinen Auswahl Dropdowns.