Limit the length of a string with AngularJS

angularjs filter angularjs-filter
Alan2 picture Alan2 · Aug 7, 2013 · Viewed 289.5k times · Source

I have the following:

<div>{{modal.title}}</div>

Is there a way that I could limit the length of the string to say 20 characters?

And an even better question would be is there a way that I could change the string to be truncated and show ... at the end if it's more than 20 characters?

Answer

Govan picture Govan · Sep 17, 2014

Here is the simple one line fix without css.

{{ myString | limitTo: 20 }}{{myString.length > 20 ? '...' : ''}}

Related questions

Removing AngularJS currency filter decimal/cents

Is there a way to remove the decimal/cents from the output of a currency filter? I'm doing something like this: <div>{{Price | currency}}</div> Which outputs: $1,000.00 Instead, I'd like: $1,000 Can that be done using the …

Read More
Angularjs filter nested object

I have in angular nested object like this. is there way how to filter it for nested property <li ng-repeat="shop in shops | filter:search"> search.locations.city_id = 22 I'm showing only parent element but want to filter …

Read More
AngularJs, filter case insensitive

I've got an json full of datas with lowcase and upcase. For example : [ { "firstName":"JoHn" , "lastName":"DoE" }, { "firstName":"aNnA" , "lastName":"smIth" }, { "firstName":"PeTer" , "lastName":"JOnes" } ] And I've got something similar to this : Search: <input ng-model="searchText"> <table …

Read More