title: Initializing select with AngularJS and ng-repeat
body: <p>I'm trying to get select-box to start off with a pre-filled option using ng-repeat with AngularJS 1.1.5. Instead the select always starts out with nothing selected. It also has an empty option, which I don't want. I think that there is a side effect of nothing being selected.</p>
  
  <p>I can get this working using ng-options instead of ng-repeat, but I want to use ng-repeat for this case. Although my narrowed down example doesn't show it, I also want to set the title attribute of each option, and there is no way to do that using ng-options, as far as I know.</p>
  
  <p>I don't think this is related to the common AngularJs scope/prototypical inheritance issue. At least I don't see anything obvious when inspecting in Batarang. Plus, when you pick an option in the select with the UI, the model does update correctly.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;body ng-app ng-controller="AppCtrl"&gt;
      &lt;div&gt;
          Operator is: {{filterCondition.operator}}
      &lt;/div&gt;
      &lt;select ng-model="filterCondition.operator"&gt;
         &lt;option 
             ng-repeat="operator in operators" 
             value="{{operator.value}}"
         &gt;
             {{operator.displayName}}
         &lt;/option&gt;
      &lt;/select&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And the JavaScript:</p>
  
  <pre><code>function AppCtrl($scope) {
  
      $scope.filterCondition={
          operator: 'eq'
      }
  
      $scope.operators = [
          {value: 'eq', displayName: 'equals'},
          {value: 'neq', displayName: 'not equal'}
       ]
  }
  </code></pre>
  
  <p>JS Fiddle for this : <a href="http://jsfiddle.net/coverbeck/FxM3B/2/">http://jsfiddle.net/coverbeck/FxM3B/2/</a></p>