title: Setting selected values for ng-options bound select elements
body: <p>Fiddle with the relevant code:  <a href="http://jsfiddle.net/gFCzV/7/">http://jsfiddle.net/gFCzV/7/</a></p>
  
  <p>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.</p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&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;
  </code></pre>
  
  <p><strong>JS</strong>:</p>
  
  <pre><code>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"
      }];
  });
  </code></pre>
  
  <p>Is this the one case where I should actually be using ng-init with a SelectedIndex on the model?</p>