title: Angular JS - get selected text of a select control
body: <p>I've followed the following link to solve the issue but it didn't work:
  <a href="https://stackoverflow.com/questions/14552976/how-to-get-option-text-value-using-angularjs">How to get option text value using AngularJS?</a></p>
  
  <p>I have a dropdown that contains a set of servers. when i select a value from the dropdown, I want the selected value to display in a separate div. Here is what I have done:</p>
  
  <p>Select control:</p>
  
  <pre><code> &lt;select name="source" class="form-control input-sm"
                          ng-model="filterOptions.hostId"
                          ng-options="s.id as s.hostName for s in physicalServerList"
                          ng-style="{'width':'100%'}"&gt;
                  &lt;/select&gt;
  </code></pre>
  
  <p>Displaying selected text:</p>
  
  <pre><code>&lt;span class="pull-left"&gt;Source: {{ filterOptions.hostId.hostName }}&lt;/span&gt;
  </code></pre>
  
  <p>However, this does not display the selected text. What am I doing wrong?</p>