Angularjs: How to include empty option in select when using ng-option

javascript select angularjs option pug
Serge Seletskyy picture Serge Seletskyy · Mar 27, 2013 · Viewed 29.7k times · Source

How can I add empty option in the beginning when I use ng-option to provide predefined list of options which doesn't include empty one?

An example in jade

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

Answer

Serge Seletskyy picture Serge Seletskyy · Mar 27, 2013

Just add an option with empty value inside of the select.

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

Here's an example - http://jsfiddle.net/sseletskyy/uky9m/1/

Related questions

key-value pairs in ng-options

I need to use an associative array as data source for my select options using AngularJS. Is it possible to use an array like this? { "key1": "val1", "key2": "val2", "key3": "val3", ... } and get something like this: <select> <…

Read More
Angularjs populate select options with json

I am looking to populate select option with values from a basic json array. The example I have is a country select. Each country has an id element and a name plus other fields that I can ignore. Basically I …

Read More
Angularjs - dynamic ng-options

For the need of a directive i'm writing, i have to construct dynamically the ng-options expression. Here is what i tried. In my directive: // ... scope.labelProperty = 'name'; scope.selectOptions = "l." + scope.labelProperty + " for l in list"; In my html template: &…

Read More