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だと思います。参照
ためスクリーンショット
私はデフォルトのブラウザでサンプルを開くと、それは動作しますが、ボックスは同じですが、ラベルがで起こるいない黒のテキストで表示されイオンアプリ。
イオン性のCSSをすべて削除しようとしました。動作する可能性があるすべてのCSSを追加し、アンドロイドのwebviewアプリをアップデートし、タブレットを更新しました。
私は選択メニューだけで新しいサンプルアプリケーションを作成しようとしましたが、これも起こります。
これを修正する方法、またはネイティブの選択メニューを開くように強制する方法については、何らかのアイデアや回避策がありますか?
ありがとうございます!
あなたのデバイスがあなたのPCに接続されているとき、 'chrome:// inspect /#devices'(または他のデバッグツール - これは私のお気に入りです)を通してデバッグしようとしましたか?エラーメッセージが表示された場合または、要素を調べて、間違っているものがあるかどうかを確認することもできます。 – thepio
確かに、私は検査して、その場ですべてのCSSを編集しましたが、私は進捗しませんでした – Del
なぜこれが起こっているのか分かりませんが、あなたの問題を解決する可能性のあるXwalkを試すことができます。イオンビューアプリケーションを使用するときに問題が表示されますか?他のHuaweiデバイスで試しましたか?ちなみにIonicはバージョン1.3.1までですが、あなたがリストアップしたバージョンはCLIバージョンだと思います。 – iCediCe