AngularJS: how do I show ellipses using limitTo filter only when a string exceeds the limit
<p>I am using the limitTo filter on some strings. If the string is less than, say, 10 characters, then the string is displayed as is. If the string is longer than 10 characters, I want to display ellipses after cutting off the string at the tenth character. Is there an angular shortcut to doing this? Thanks</p>

<p>for example:</p>

<pre><code>{{main.title | limitTo:10}}
</code></pre>

<p>if main.title = "A Good Day", the output would be: A Good Day</p>

<p>if main.title = "A Terrible Day", the output would be: A Terrible...</p>