Can't set selected option in dropdown with AngularJS

Question

I've this simple dropdown:

<select ng-model="v" ng-options="valve.Brand + ' ' + valve.Model + ' ' + valve.Notes for valve in valves track by valve.ValveId">
    <option value="">--Valves--</option>
</select>

I'm also using a web service to retrieve data from database. This data contains the ValveId that it's the parameter (value) I would like to use to set as selected an option of my dropdown.

I've tried this way from my controller:

$scope.v = $scope.valves[data.ValveId];

But it is not working.

Any suggestion?

NGPixel · Accepted Answer · 2015-12-19 17:26:40Z

1

Replace your ng-options by:

valve.ValveId as valve.Brand + ' ' + valve.Model + ' ' + valve.Notes for valve in valves

Notice the as key at the beginning, it tells which property should be used as the model value.

The model will now have the ID as the value. Therefore, you can now set it directly:

$scope.v = data.ValveId;

answered Dec 19, 2015 at 17:26

NGPixel

3903 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Can't set selected option in dropdown with 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