How to add empty option in select in AngularJS?

Question

I have a select box.

When no value is selected, I have the empty option --. It's OK !

Once an option is selected, the empty option disappears.

But I would like that it is always there to have the opportunity to choose --.

Is it possible ?

<select ng-model="project" ng-options="act.id as act.name for act in actors"></select>

sylwester · Accepted Answer · 2014-07-24 09:05:24Z

9

<select ng-model="project" ng-options="act.id as act.name for act in actors">
    <option value="">--<option>
  </select>

answered Jul 24, 2014 at 9:05

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Your code doesn't seem to store in the model item.color

That was just sample I've update plukr for you plnkr.co/edit/SWpRZA1dafNNva70z6KE?p=preview

Thank you ! Exactly what I want

Turnip · Accepted Answer · 2025-04-23 17:11:00Z

0

ng-options gets priority when any option is selected from <select>.

As per the standard html <select> can contain <option>. Thus the mentioned option gets priority as the selection is null.

And in view, html priority is higher, thus always <option> value is seen unless the ng-option value already selected from controller.

Turnip

36.8k15 gold badges92 silver badges118 bronze badges

answered Jul 24, 2014 at 10:26

Prashanth

595 bronze badges