Sray Sray - 1 year ago 57
AngularJS Question

Angularjs how to set the default value for select

I have the following object:

defaults = {
0 : {
id : 10,
value : "string 1"
1 : {
id : 22,
value : "string 2"

I want to iterate over this object and display it as a select box.

<select ng-model="selectedValue" ng-options=" as obj.value for obj in defaults">
<option value="">---Select option-----</option>

What I'm trying to achieve is to select 'string 2' by default. But it does not work.
The problem I have is the fact the selectedValue is a string:

$scope.selectedValue = "string 2";

From what I learned from the documentation the selectedValue must be the same object. But unfortunately, it is not possible. In my case selectedValue must be a string.
In other words I need to operate with the name of the option only, I don't care about id.
I tried to use ng-repeat. It even works but displays an empty option and I don't think using ng-repeat is a good way to do it.

Any advice will be appreciated greatly.

Answer Source

If you want the selectedValue variable to contain the value, and not the ID, then you should not use as obj.value, but obj.value as obj.value.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download