2016-05-17 91 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