title: Angularjs empty select selector
body: <p>I currently have a angularjs select with ng-options with the following code:</p>
  
  <pre><code> &lt;select ng-model="vm.selectedship" ng-change="vm.updateShip()"  data-ng-options="ship as ('ship'  + ' is ready (' + ship.currentlocation + ')') for ship in vm.readyships"&gt;
  </code></pre>
  
  <p>produces this production code:</p>
  
  <pre><code>    &lt;select class="ng-valid ng-dirty ng-touched" data-ng-options="ship as ('ship' + ' is ready (' + ship.currentlocation + ')') for ship in vm.readyships"&gt;
  &lt;option label="" selected="selected" value="?"&gt;
          &lt;/option&gt;
      &lt;option label="ship is ready (New york)" value="0"&gt;
          ship is ready (New york)
      &lt;/option&gt;
      &lt;option label="ship is ready (City2)" value="1"&gt;
          ship is ready (City2)
      &lt;/option&gt;
      &lt;option label="ship is ready (City3)" value="2"&gt;
          ship is ready (City3)
      &lt;/option&gt;
      &lt;option label="ship is ready (City24)" value="3"&gt;
          ship is ready (City24)
      &lt;/option&gt;
      &lt;option label="ship is ready (City24)" value="4"&gt;
          ship is ready (City24)
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>but, when im selecting any of the options, the selected "window" is still blank like this</p>
  
  <p><a href="https://i.stack.imgur.com/hMxEY.png" rel="nofollow"><img src="https://i.stack.imgur.com/hMxEY.png" alt="enter image description here"></a></p>
  
  <p><strong>Q: How can do so the text is within the selector?, and how can i remove the blank option?</strong></p>
  
  <p>EDIT:</p>
  
  <p>currently im using vm.selectedship to get the whole property of the selected ship. If anything here is needed to change, im in need to select the ship to a vm.property somehow else.</p>