AngularJS - Default select value for drop down with data from server

Question

I have a drop down with angular model binding and data generated from server side. I wish to pre-select the first element of data, however angular js generate an unknown options above my drop down options and I couldn't get my option selected.

Source:

<select ng-model="currency" >
    {% for currency in currencies %}
    <option {% "selected='selected'" if(index==1) %} value="{{ currency["code"]}}">{{ currency["name"]}}</option>
    {% endfor %}
</select>

Generated Data

<select ng-model="currency">
    <option value="? object:004 ?"></option>
    <option value="EUR">Euro</option>
    <option value="SEK">Svenske kroner</option>
    <option value="GBP">Engelske Pund</option>
    <option value="DKK">Danske kroner</option>
    <option  value="USD">Amerikanske Dollar</option>
    <option value="NOK">Norske kroner</option>
</select>

Any idea how to remove the extra option field?

Moslem Ben Dhaou · Accepted Answer · 2014-03-27 09:51:01Z

3

Please try this:

<select ng-model="currency" >
    <option ng-repeat="currency in currencies" ng-selected="$first" ng-value="currency.code">{{ currency.name }}</option>
</select>

edited Mar 27, 2014 at 9:51

Moslem Ben Dhaou

7,0038 gold badges67 silver badges93 bronze badges

answered Mar 27, 2014 at 9:30

Rafael S. Menezes

412 bronze badges

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

Comments

Nitin Sali · Accepted Answer · 2016-02-16 07:55:01Z

2

You can do like below. you need to specify which currency you wish to get selected.

<select ng-model="currency" >
    <option ng-repeat="currency in currencies" ng-selected="currency.code == 'USD' ? true:false" ng-value="currency.code">{{ currency.name }}</option>
</select>

answered Feb 16, 2016 at 7:55

Nitin Sali

3372 silver badges10 bronze badges

Comments

BKM · Accepted Answer · 2014-03-11 11:33:56Z

1

Try this in your controller

$scope.currency = $scope.currencies[0].code;

answered Mar 11, 2014 at 11:33

BKM

7,0797 gold badges32 silver badges47 bronze badges

Collectives™ on Stack Overflow

AngularJS - Default select value for drop down with data from server

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related