title: AngularJS select directive not working with option
body: <p>This example seems simple enough, I just can't seem to figure out why it is not working (I don't want to use ng-options because that doesn't work with select2, a plugin I want to use once I get this figured out):</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
      &lt;div ng-controller="MyCtrl"&gt;
          selectedNumber: {{selectedNumber}}
          &lt;select ng-model="selectedNumber"&gt;
              &lt;option ng-repeat="number in numbers" value="{{number}}"&gt;{{number}}&lt;/option&gt;
          &lt;/select&gt; 
          &lt;div ng-repeat="number in numbers"&gt;
              {{number}}
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>AngularJS:</strong></p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.controller('MyCtrl', function($scope) {
      $scope.numbers = [1, 2];
      $scope.selectedNumber = 2;
  });
  </code></pre>
  
  <p>When inspect the element it looks like this: </p>
  
  <pre><code>&lt;select ng-model="selectedNumber" class="ng-pristine ng-valid"&gt;
      &lt;option value="? number:2 ?"&gt;&lt;/option&gt;
              &lt;!-- ngRepeat: number in numbers --&gt;
      &lt;option ng-repeat="number in numbers" value="1" class="ng-scope ng-binding"&gt;1&lt;/option&gt;
      &lt;option ng-repeat="number in numbers" value="2" class="ng-scope ng-binding"&gt;2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I am guessing the extra "<code>&lt;option value="? number:2 ?"&gt;&lt;/option&gt;</code>" is causing this issue but I am not sure how to get rid of it. I also created a <a href="http://jsfiddle.net/tadchristiansen/fGHHH/" rel="nofollow">jsfiddle</a> of this in action.</p>