title: Binding both value and text in select dropdown in angular.js
body: <p>I have this dropdown in my page</p>
  
  <pre><code>&lt;select 
      ng-options="col.col_id as col.col_name for col in meta_data.x_cols"
      ng-model="obj.x"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Since the model is set to <code>obj.x</code>, I can access it using <code>$scope.obj.x</code> in any <code>$scope</code> function.</p>
  
  <p>Naturally, it gives the <code>value</code> of the selected option. Is there any way by which I can get selected text as well? for e.g. bind <code>obj.x</code> to and <code>obj.x_text</code> to the text of selected option.</p>