ng-модель в поле выбора со значением по умолчанию пуста

Я пытаюсь использовать ng-model для получения значения из тега выбора с помощью Angular js. Однако, когда я отображаю этот код, выбранное поле становится пустым, когда страница загружается. Я попытался установить первый вариант для выбора, но это не работает. Я пробовал selected="selected", но не работает. Я также пробовал другие методы, упомянутые в документации о ng-option, но, похоже, это не помогает. Мне НУЖНО значение ng-model, чтобы другие части моей страницы работали.

<select id="teamSelection" ng-model="teamSelected"> <option value="All" selected>All</option> <option value="1">A</option> <option value="2)">B</option> <option value="3">C</option> <option value="4">D</option> </select>


angularjs angular-ngmodel ng-options
person Wisely Wong    schedule 28.08.2015    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Я просто столкнулся с той же проблемой в начале этой недели. Исправление на самом деле проще, чем я думал. Вы можете просто добавить ng-init="teamSelected='All'" в качестве атрибута к тегу select:

<select id="teamSelection" ng-model="teamSelected" ng-init="teamSelected='All'"> <option value="All" selected>All</option> <option value="1">A</option> <option value="2)">B</option> <option value="3">C</option> <option value="4">D</option> </select>

person Ming Huang    schedule 28.08.2015

arrow_upward
2
arrow_downward

Установите, например, $scope.teamSelected = 3 (индекс нужного объекта), и он должен нормально работать, как в этом codepen

person bobleujr    schedule 28.08.2015
comment
остерегайтесь индекса при использовании track by - person Bernardo Dal Corno; 14.09.2017