Angularjs: как включить пустую опцию в выбор при использовании ng-option

Как я могу добавить пустой параметр в начале, когда я использую ng-option для предоставления предопределенного списка параметров, который не включает пустой?

Пример в нефрите

select(ng-model="property.Value", ng-options="item.Value as item.Name for item in property.Choices")

javascript angularjs select pug option
person Serge Seletskyy    schedule 27.03.2013    source источник

Ответы (3)


arrow_upward
52
arrow_downward

Просто добавьте параметр с пустым значением внутри выбора.

select(ng-model="property.Value", ng-options="item.Value as item.Name for item in property.Choices")
  option(value="")

Вот пример: http://jsfiddle.net/sseletskyy/uky9m/1/

person Serge Seletskyy    schedule 27.03.2013
comment
Что, если данные поступают, например, из сервисов? Кроме того, я обычно стараюсь избегать вещей, специфичных для представления, в контроллере. Было бы здорово, если бы был способ сделать это в представлении. Может быть, используя директиву?! - person fnx; 15.07.2014
comment
не работает, если вы выбираете вариант, а затем хотите вернуться к пустому варианту. - person dang; 10.05.2016
comment
@dang, пожалуйста, приведите пример, когда это не работает, например. вот мой другой пример - codepen.io/sseletskyy/pen/KzYaQq - person Serge Seletskyy; 13.05.2016
comment
@SergeSeletskyy dang относится к предоставленной вами скрипке, первый пример с параметром «Показать пустой» по умолчанию не может быть изменен обратно на пустой - person Amicable; 16.03.2017

arrow_upward
1
arrow_downward

просто измените массив property.choices в angular.

$scope.property.Choices.splice(0, 0, {"id":"0","Name":"Richard"});

person Richard Torcato    schedule 29.04.2014

arrow_upward
1
arrow_downward

Это просто сработало для меня, изменив объект

angular.extend({'Выберите': ''},objectName)

person MrsPop88    schedule 21.08.2017