title: AngularJS Select element set the selected index
body: <p>So i'm using angular and this is my select html:</p>
  
  <pre><code>&lt;select id="date" ng-model="selectedDay" ng-change="setDate()" &gt;
      &lt;option&gt;another option&lt;/option&gt;
      &lt;option&gt;an option&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>this is in my controller:</p>
  
  <pre><code>$scope.selectedDay;
  document.getElementById("date").selectedIndex = "0";
  </code></pre>
  
  <p><strong>The result:</strong> Three options: one blank (which is default selected) and then the two options I made in html</p>
  
  <p>What the hell? why isn't the default when i open the view "another option" </p>