setting selected option on select in angular ngoptions

Question

I wanted to set selected option in my dropdown list.

I have two ways of passing data into selects ng-model

first: $scope.selectedTeam = $scope.teams[31];

second: $scope.selectedTeam = selectedTeamSrvs.getTeam()

my html select looks like this:

<select ng-model="selectedTeam" 
    ng-options="team as team.name for team in teams | orderBy:'ID'">
</select>

and JSON.stringify($scope.teams[31]) === JSON.stringify(selectedTeamSrvs.getTeam()) gives true. Then why only first option sets selected option correctly?

that what you need to do... $scope.selectedTeam = JSON.stringify(selectedTeamSrvs.getTeam()); — freethinker
– freethinker, Commented Apr 26, 2015 at 13:51

Sri · Accepted Answer · 2015-04-26 14:05:25Z

2

By default, ngModel compares by reference, not value.This is important when binding to an array of objects

Second option is not setting correctly because selectedTeamSrvs.getTeam() returns a different instance of team, even though they are equal when stringified.

answered Apr 26, 2015 at 14:05

Sri

5764 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

setting selected option on select in angular ngoptions

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