Setting selected values for ng-options bound select elements

Question

Fiddle with the relevant code   http   jsfiddle net gFCzV 7   I m trying to set the selected value of a drop down that is bound to a child collection of an object referenced in an ng-repeat   I don t know how to set the selected option since I can t reference the collection it s being bound to in any way that I m aware of   HTML    lt div ng-app  myApp  ng-controller  SomeController  gt       lt div ng-repeat  Person in People  gt           lt div class  listheader  gt   Person firstName     Person lastName   lt  div gt           lt div class  listitem  ng-repeat  Choice in Person Choices  gt                Choice Name                  lt select                  ng-model  Choice SelectedOption                                   ng-options  choice Name for choice in Choice Options  gt  lt  select gt                Choice SelectedOption ID            lt  div gt       lt  div gt   lt  div gt    JS   var myApp   angular module  myApp        myApp controller  SomeController   function  scope         scope People               firstName    John            lastName    Doe            Choices                                    Name   Dinner                    Options    Name  Fish  ID 1    Name  Chicken  ID 2    Name  Beef  ID 3                     SelectedOption   Name  Chicken  ID 2    this doesn t work                                               Name   Lunch                    Options    Name  Macaroni  ID 1    Name  PB amp J  ID 2    Name  Fish  ID 3                     SelectedOption                                                        firstName    Jane            lastName    Doe                Is this the one case where I should actually be using ng-init with a SelectedIndex on the model

User · Accepted Answer

If using AngularJS 1 2 you can use  track by  to tell Angular how to compare objects     lt select      ng-model  Choice SelectedOption                       ng-options  choice Name for choice in Choice Options track by choice ID  gt   lt  select gt    Updated fiddle http   jsfiddle net gFCzV 34

User · Answer

You can use the ID field as the equality identifier  You can t use the adhoc object for this case because AngularJS checks references equality when comparing objects    lt select      ng-model  Choice SelectedOption ID       ng-options  choice ID as choice Name for choice in Choice Options  gt   lt  select gt

User · Answer

Using ng-selected for selected value  I Have successfully implemented code in AngularJS v1 3 2   x000D   x000D   lt select ng-model  objBillingAddress StateId    gt  x000D      lt option data-ng-repeat  c in States  value    c StateId    ng-selected  objBillingAddress BillingStateId  c StateId  gt   c StateName   lt  option gt  x000D                                                   lt  select gt  x000D   x000D   x000D

[angularjs] Setting selected values for ng-options bound select elements

Examples related to angularjs

Examples related to ng-options