angular js : issue with html5 select

Question

I came across this strange behavior today.. The same I found with one fiddle..(saved some time to explain the issue..)

I have a fiddle here: http://jsfiddle.net/w9mQ8/2/

It demonstrates how to set a selected value in html select.

Now, the strange thing in it.. The fiddle the result pane shows the output which has a select, with the selected value. Thats good..

But, from where, I dont know, the blank value prepended the options in that select:

enter image description here

When I did inspect element, on this I found some unknown value, prepending the options:

enter image description here

Please help me to remove this issue. Thanks. :)

possible duplicate of Remove empty select option in angular ng-repeat — Fissio
– Fissio, Commented Jun 9, 2015 at 10:25
It's because you use an object to bind to the select. Please use the ng-options directive for this — devqon
– devqon, Commented Jun 9, 2015 at 10:26

Chintan Soni · Accepted Answer · 2015-06-09 11:13:52Z

0

Ok. I understood the situation and updated the fiddle. Check the new fiddle: http://jsfiddle.net/w9mQ8/9/

As per the suggestions, in the comments, following changes helped me to achieve what I want:

html:

<div ng-controller="MyCtrl">
    <select ng-model="selectedValue" required="required" ng-options="option.id as option.value for option in defaults"></select>
</div>

js:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

    $scope.selectedValue = 22;
    $scope.defaults = [{
        id: 10,
        value: "string 1"
    }, {
        id: 22,
        value: "string 2"
    }];
}

answered Jun 9, 2015 at 11:13

Chintan Soni

25.4k26 gold badges113 silver badges177 bronze badges

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

Collectives™ on Stack Overflow

angular js : issue with html5 select

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related