Binding Select Option to Model AngularJS

Question

After debugging it seems that the status object is getting bound to my model. But I need to bind the string to my model.

$scope.Statuses = [
    {name:'Not Started', value: 'Not Started'},
    {name:'In Progress', value: 'In Progress'},
    {name:'Completed', value: 'Completed'}
];

<select class="form-control" ng-model="counterMeasure.Status" ng-options="status.name for status in Statuses"></select>

Which string you need to bind? Then you need select as label for value in array — Satpal
– Satpal, Commented Mar 12, 2015 at 9:50
I thought it would automatically take the status.value, When I select a status in the list I want my counterMeasure.Status == status.value — Eric Colgan
– Eric Colgan, Commented Mar 12, 2015 at 9:53

Satpal · Accepted Answer · 2015-03-12 10:09:24Z

1

You need to use following ngOptions syntax

select as label for value in array

Change your code to

ng-options="status.value as status.name for status in Statuses"

answered Mar 12, 2015 at 10:09

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

Binding Select Option to Model AngularJS

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