title: AngularJS - extra blank option added using explicit ng-repeat in select tag
body: <p>I have a <code>select</code> list created with <code>ng-repeat</code> and not <code>ng-options</code>. The issue I have is that there is an extra blank list item that disappears as soon as the user change the value. </p>
  
  <p>The answer to <a href="https://stackoverflow.com/questions/15488181/angularjs-extra-blank-option-added-using-ng-repeat-in-select-tag">AngularJS - extra blank option added using ng-repeat in select tag</a> mentions that the selected item should be initialized to avoid that issue. I did it but I still have a blank entry.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select ng-model="selectedLanguage"&gt;
    &lt;option ng-repeat="language in languages" value="{{language}}" ng-selected="selectedLanguage == language"&gt;{{language.name}}&lt;/option&gt;
  &lt;/select&gt;
  &lt;h2&gt;{{selectedLanguage}}&lt;/h2&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>app.controller('Ctrl', function($scope) {
    $scope.languages = [{ name: "English", key: 'en' }, { name: "French", key: 'fr'}];
    $scope.selectedLanguage = $scope.languages[0];
  });
  </code></pre>
  
  <p>The <a href="http://plnkr.co/edit/pcuZbgLXnz9ZjEB7egSk?p=preview" rel="nofollow noreferrer">Plunker</a></p>