У меня есть элемент select, определенный как таковой:
<select name="country_id" id="country_id" required="required" ng-model="newAddressForm.country_id">
<option value="">Select Country</option>
<option ng-repeat="country in countries" value="{{country.id}}">{{country.name}}</option>
</select>
Все работает отлично, когда я не устанавливаю какое-либо значение в директиве, которая содержит этот элемент select. Но когда я делаю что-то вроде newAddressForm.country_id = 98
, вместо выбора опции со значением 98, Angular вводит новый в верхней части элемента select, например:
<option value="? string:98 ?"></option>
Что дает? Какой формат это и почему это происходит? Обратите внимание, что если я делаю console.log(newAddressForm.country_id)
в директиве, я получаю нормальный "98"
, это просто странно в сгенерированном HTML.
Изменить: Обновление ситуации. Переключилось на использование ng-select
, но проблема не устранена.
Странный элемент больше не появляется, НО, теперь есть еще один элемент наверху, который имеет только знак вопроса ?
в качестве значения и никакой метки.
Вот, из того, что я собрал, Angular "none selected"
. Я все еще не понимаю, почему он не будет выбирать параметр, который я ему скажу, чтобы выбрать.
Выполнение newAddressForm.country_id = 98
по-прежнему не дает результатов. Почему это?