Angularjs: Как да включите празна опция в select, когато използвате 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","Име":"Ричард"});

person Richard Torcato    schedule 29.04.2014

arrow_upward
1
arrow_downward

Това просто работи за мен чрез модифициране на обекта

angular.extend({'Моля, изберете' : ''},objectName)

person MrsPop88    schedule 21.08.2017