title: Put “| LimitTo” in Angular.js using ng-options
body: <p>I am new in Angular.js
  I am currently in a dropdown showing a list of cities in Colombia and the United States countries. </p>
  
  <p>I'm using "ng-option". I want in the dropdown cities only 10 characters is limited. and if so to appear ellipsis (...). 
  I just want this to appear in the dropdown, not the value of if it did with "ng-repeat" I would more or less so.</p>
  
  <pre><code>&lt;option ng-repeat='state in countries' value='{{state.id}}'&gt;  {{state.dep | LimitTo: 10}} {{state.dep.length&gt; 10? '...' ''}} &lt;/option&gt;
  </code></pre>
  
  <p>how I can do the same but with ng-option?</p>
  
  <p><a href="http://plnkr.co/edit/qGwqrlSbDrmuvpY1dI7I?p=preview" rel="nofollow">http://plnkr.co/edit/qGwqrlSbDrmuvpY1dI7I?p=preview</a></p>