#javascript #html #angularjs #internet-explorer #safari
#javascript #HTML #angularjs #internet-explorer #сафари
Вопрос:
Я использую следующий код html Angulrjs для создания выпадающего списка.
<li class="category-li" ng-if="!eventDetailsCtrl.showRule amp;amp; !(eventDetailsCtrl.pageType == 'incident' || eventDetailsCtrl.pageType == 'anomaly')"><span class="fontBold">Close Reason: amp;nbsp;</span>
<select class="event-details-category-select" ng-model="eventDetailsCtrl.eventData.closingReason" name="" id="category" ng-options="category for category in eventDetailsCtrl.categories" ng-change="eventDetailsCtrl.categoryUpdate(eventDetailsCtrl.eventData.closingReason)">
<option value="" ng-show="false"></option>
</select>
</li>
Сначала в выпадающем списке отображался пустой вариант (пустой вариант) в дополнение к параметрам из категории, поэтому я добавил эту строку
<option value="" ng-show="false"></option>
он отлично работал с Chrome, Firefox и Edge, НО я все еще вижу пустую строку в Explorer11 и safari
может кто-нибудь дать мне совет?
Комментарии:
1. Вы имеете в виду, что когда вы запускаете свой код в браузере IE 11, он выглядит как этот результат теста ? Если да, вы можете добавить опцию,
<option value="">--Select--</option>которая может помочь обойти эту проблему. Смотрите здесь . Если проблема отличается, я предлагаю вам поделиться снимком проблемы, который может помочь лучше понять проблему.2. Да, проблема похожа на то, что вы представили в ссылке на результат теста . Сначала у меня была эта проблема со всеми браузерами, а затем я добавил эту строку
<option value="" ng-show="false"></option>, которая работала для браузеров Chrome, Edge и Firefox, но не для safari и explorer.3. Есть ли обходной путь для вас? Если да, дайте мне знать. Я опубликую его в качестве ответа.
4. должен ли я использовать его вместо кода, с которым я пытался работать, или в дополнение?
5. Вы можете заменить
<option value="" ng-show="false"></option>на<option value="">--Select--</option>.
Ответ №1:
Я предлагаю вам заменить <option value="" ng-show="false"></option> его на <option value="" disabled selected>--Select--</option> .
Это может помочь вам устранить проблему с браузером IE 11.
<span class="fontBold">Close Reason: amp;nbsp;</span>
<select >
<option value="" disabled selected>--Select--</option>
<option value="1">Reason-1</option>
<option value="2">Reason-2</option>
<option value="3">Reason-3</option>
</select>
Выходной сигнал:
