Put “| LimitTo” in Angular.js using ng-options
<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>