title: Get the selected text (not value) of select element in angular
body: <p>For example I would like to do something like this:</p>
  
  <pre><code>&lt;select ng-model="persons"&gt;
    &lt;option value="person1"&gt;Anna Smith&lt;/option&gt;
    &lt;option value="person2"&gt;Karl Pettersson&lt;/option&gt;
    &lt;option value="person3"&gt;Ylvis Russo&lt;/option&gt;
  &lt;/select&gt;
  &lt;p ng-view="persons"&gt;&lt;p&gt;
  </code></pre>
  
  <p>And having the view display each name when selected in the dropdown rather than it's value. Is it possible? </p>
  
  <p>I tried watching the model and assigning a new model the text value with jQuery. However it ended up being complicated so if that's the best way to do it, I small example would be awesome!</p>