angularjs: force to use array value is select

Question

I'm relatively new to AngularJS, so maybe my question is stupid, but I cannot find an answer.

I have prepared example to explain my problem, it can be found here. When controller instantiates it has some values passed from parent scope. In my example:

$scope.modelId = 2;
$scope.sizeA = 2;   // this is initial values 
$scope.sizeB = 180; //   for select elements

Then controller requests from server other values for the lists. It loads:

"sizesA": [1, 2, 6, 9, 10],
"sizesB": [120, 180, 300]

After data is loaded, we can see initialized selects on page:

SizeA: <select ng-model="sizeA" ng-options="s for s in model.sizesA"></select>
SizeB: <select ng-model="sizeB" ng-options="s for s in model.sizesB"></select>

sizeB is initialized to value 180 (as expected), but sizeA is initialized to value 6 (with index 2) instead of value 2.

When I specify $scope.sizeA = 9; in controller (there is no index 9, but there such value) it selects item with value 9.

So the question: how can I tell angular to use value

There link into second paragraph (on word "here"). P.S. plnkr.co/edit/DGn6mAKeitcMg9jnKxP2?p=preview — Alexander Burov
– Alexander Burov, Commented Nov 16, 2014 at 16:28

New Dev · Accepted Answer · 2014-11-17 06:41:50Z

1

Add track by:

<select ng-model="sizeA" 
        ng-options="size for size in model.sizesA track by size"></select>

answered Nov 17, 2014 at 6:41

New Dev

49.8k12 gold badges99 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

angularjs: force to use array value is select

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related