0

I'm assigning an array of 'types' to a dropdown. When a user selects a value in the dropdown, I save it off to a cookie.

The code where I'm updating the ng-model:

$scope.typeItem = $cookieStore.get('typeItem');

This is the dropdown itself:

<select class="transmission-option-width" ng-model="typeItem" 
  ng-options="t as t.Type for t in transmissionTypes" ng-change="update()"></select>

I set a break point, and $scope.typeItem has a value, but the select is not being set. Any idea what I'm doing wrong here?

Improve this question

3 Answers 3

Reset to default
1

The object you're getting back from the cookie store...

$scope.typeItem = $cookieStore.get('typeItem');

while it might have the same properties as one of the items in $scope.transmissionTypes, it's actually an entirely different object. Because angular does the comparison by reference, it can't find a matching object in $scope.transmissionTypes and the dropdown is not set.

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

Comments

0

Is t.Type a numeric value? That might prevent angular from treating the selected value as equal to the option value.

Might be easiest to convert $scope.typeItem to a numeric value after getting it from the $cookieStore.

Improve this answer

1 Comment

I'm just binding a string array to the dropdown initially.
0

i think you misted this part of the docs

Note: ngModel compares by reference, not value. This is important when binding to an array of objects. See an example in this jsfiddle.

try to traverse your array and assign the element in the array holding the same value to your model variable

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.