2016-05-17 21 views
3

Ionic 1.7でアプリケーションを開発中です。ドロップダウンリストを選択してくださいIonicはテキストを表示しません

私は選択メニューがあり、問題が発生しています。簡略化のため

、私のコードは、それは、iOSとAndroidの中で、ほとんどのデバイスでうまく動作ドキュメント

<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

のようなものです。これは、ネイティブの選択メニューを表示し、すべてがOKです。

しかし、私は1つのデバイス、Huawei MediaPad M2に問題があります。私の会社のタブレットとこのアプリはここで働かなければならない。

選択メニューを含むコードでは、オプションのテキストが表示されないという問題があります。要素の数は正しいので、ラベルのサイズを大きくするとボックスも大きくなるので、ラベルもOKだと思います。参照

ため

スクリーンショット

enter image description here

私はデフォルトのブラウザでサンプルを開くと、それは動作しますが、ボックスは同じですが、ラベルがで起こるいない黒のテキストで表示されイオンアプリ。

イオン性のCSSをすべて削除しようとしました。動作する可能性があるすべてのCSSを追加し、アンドロイドのwebviewアプリをアップデートし、タブレットを更新しました。

私は選択メニューだけで新しいサンプルアプリケーションを作成しようとしましたが、これも起こります。

これを修正する方法、またはネイティブの選択メニューを開くように強制する方法については、何らかのアイデアや回避策がありますか?

ありがとうございます!

+0

あなたのデバイスがあなたのPCに接続されているとき、 'chrome:// inspect /#devices'(または他のデバッグツール - これは私のお気に入りです)を通してデバッグしようとしましたか?エラーメッセージが表示された場合または、要素を調べて、間違っているものがあるかどうかを確認することもできます。 – thepio

+0

確かに、私は検査して、その場ですべてのCSSを編集しましたが、私は進捗しませんでした – Del

+0

なぜこれが起こっているのか分かりませんが、あなたの問題を解決する可能性のあるXwalkを試すことができます。イオンビューアプリケーションを使用するときに問題が表示されますか?他のHuaweiデバイスで試しましたか?ちなみにIonicはバージョン1.3.1までですが、あなたがリストアップしたバージョンはCLIバージョンだと思います。 – iCediCe

答えて

0

セレクトボックスプラグインを使用する場合の回避策です。私は同じ問題を抱えていますが、私は解決策を得て、私はこのプラグインを使用しています。

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

は、この情報がお役に立てば幸いです。

7

私はここから正しい答えました: Apache Cordova Android 5.0 Select Box Option color

は、プラットフォーム/アンドロイドでの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 =" @アンドロイド:style/Theme.DeviceDefault.NoActionBar "に設定されています。これは、あなたと同じ問題を抱えていたときに、 Theme.Light.NoTitleBar "は私に黒いテキストを与えました私の選択したドロップダウンで白く。

+0

誰かが正しい答えとしてこれをマークする必要があります。ありがとう@Dylan – RobertH

関連する問題