title: Setting initial value for ng-model in ng-options
body: <p>I've searched Stack Overflow for an answer to my question but I can't seem to find a solution that works.</p>
  
  <p>I have two select tag that follow this format:</p>
  
  <pre><code>select(required class='form-control nf-input' ng-model='Game.loadedGame.teams[0].teamInfo' ng-change='Game.addTeam(Game.loadedGame.teams[0])',
                               ng-options='team.name for team in Game.teams | orderBy:"name" | preventSameMatchTeams:Game.loadedGame.teams[1].teamInfo.id'
                               )
  </code></pre>
  
  <p>I am trying to initialize the ng-model for this select by passing in Game.loadedGame into this function after the server responds with the correct data:</p>
  
  <pre><code>function setLoadedGameTeams(loadedGame, teams) {
          loadedGame.teams.forEach(matchTeam =&gt; {
              let index = teams.findIndex(team =&gt; team.id === matchTeam.id);
              if (index !== -1) {
                  matchTeam.teamInfo = teams[index];  
              }
          });
      }
  </code></pre>
  
  <p>The select dropdown isn't changing to the correct option after I set the teamInfo property on each team, even though the view is properly updated to show each team's information.</p>
  
  <p>Any help is appreciated!</p>