Выберите раскрывающийся список Ионный, не отображать текст

Я разрабатываю приложение в Ionic 1.7.

У меня есть меню выбора, и я столкнулся с проблемой.

Для упрощения мой код похож на документацию

  <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. Показывает родное меню выбора, и все в порядке.

Но у меня проблема с одним устройством, Huawei MediaPad M2. Это мой корпоративный планшет, и это приложение должно работать здесь.

Проблема в том, что с любым кодом, который включает в себя меню выбора, текст параметров не отображается. Количество элементов правильное, и я думаю, что метки тоже в порядке, потому что, если я увеличиваю размер меток, коробка тоже вырастает.

Снимок экрана для справки

введите здесь описание изображения

Если я открываю образцы в браузере по умолчанию, он работает, поля такие же, но метки отображаются черным текстом, чего не происходит в приложении ionic.

Я попытался удалить весь CSS ionic, добавить весь CSS, который может работать, обновить приложение webview для Android, обновить планшет, и ничего не сработало.

Я попытался создать новый образец приложения только с меню выбора, и это тоже происходит.

Любые идеи или обходные пути о том, как я могу это исправить или заставить открыть собственное меню выбора?

Спасибо!


cordova ionic-framework huawei-mobile-services dom
person Víctor    schedule 17.05.2016    source источник
comment
Вы пробовали отлаживать его через chrome://inspect/#devices (или любой другой инструмент отладки - это просто мой любимый), когда ваше устройство подключено к компьютеру? Если он выдает какие-либо сообщения об ошибках. Или вы можете даже осмотреть элемент и посмотреть, сможете ли вы обнаружить что-то не так.   -  person thepio    schedule 17.05.2016
comment
Конечно, я проверял и редактировал весь CSS на лету, но у меня не было никакого прогресса   -  person Víctor    schedule 17.05.2016
comment
Я понятия не имею, почему это происходит, но вы можете попробовать использовать Xwalk, который может решить вашу проблему. Проявляется ли проблема и при использовании приложения ionic view? Вы пробовали на каких-нибудь других устройствах Huawei? Между прочим, Ionic только до версии 1.3.1, я думаю, что версия, которую вы указали, является версией CLI.   -  person iCediCe    schedule 17.05.2016
comment
Вы решили свою проблему? У меня то же самое.   -  person Miguel Trabajo    schedule 19.07.2016
comment
Нет, я сделал обходной путь с пользовательским выбором, я сменил свое устройство, и у меня больше нет Huawei. Попробуйте ответить @Dylan, и если сработает, я его одобряю   -  person Víctor    schedule 19.07.2016
comment
Понятно. Я не пробовал ответить @Dylan, потому что мне нужно использовать Phonegap Build для развертывания моих приложений, поэтому я не могу редактировать AndroidManifest.xml. Я буду искать больше об этом, и если нет автоматического способа справиться с этим, я попробую выбрать индивидуальный выбор, как и вы. Спасибо   -  person Miguel Trabajo    schedule 19.07.2016

Ответы (2)


arrow_upward
8
arrow_downward

Я получил правильный ответ отсюда: Apache Cordova Android 5.0 Выберите цвет варианта поля

Найдите файл AndroidManifest.xml в файле platform / 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: theme = "@ android: style / Theme.Light.NoTitleBar"

Когда у меня была такая же проблема, как у вас, это было: "android: theme =" @ android: style / Theme.DeviceDefault.NoActionBar ". Установка" Theme.Light.NoTitleBar "дала мне черный текст на белом в моем выберите раскрывающиеся списки.

person Dylan    schedule 21.06.2016
comment
кто-то должен отметить это как правильный ответ. Спасибо @Dylan - person RobertH; 11.11.2017

arrow_upward
0
arrow_downward

Обходной путь - использовать плагин Select-box. У меня та же проблема, и пока я получаю решение, я использую этот плагин.

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

Надеюсь это поможет.

person TechTurtle    schedule 17.05.2016