Angularjs not visualizing first option in input select

Question

In Angularjs, binding input select to the model creates new empty option

<option value="? undefined:undefined ?"></option>

And this is the code

<select name="category" ng-model="hotspot.category">
  <option>Culture</option>
  <option>Education</option>
  <option>Parks</option>
  <option>Student Pubs</option>
</select>

Is this normal? It doesn't seem to be something good looking.

Jay Shukla · Accepted Answer · 2014-06-17 09:59:41Z

1

Make sure you have initialized your model variable with one of the option value.

Try this

Controller

$scope.hotspot = {};
$scope.hotspot.category = "Culture";

HTML

<select name="category" ng-model="hotspot.category">
  <option>Culture</option>
  <option>Education</option>
  <option>Parks</option>
  <option>Student Pubs</option>
</select>

answered Jun 17, 2014 at 9:59

Jay Shukla

5,8368 gold badges35 silver badges65 bronze badges

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

Collectives™ on Stack Overflow

Angularjs not visualizing first option in input select

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related