Ограничить отображение переменной $ scope определенным количеством символов

Question

Я создаю приложение с помощью angularJS, у меня есть переменная $scope с именем description, и это просто длинное описание чего-то в моей базе данных.

Есть ли простой способ ограничить количество символов, которое выводится, когда я делаю {{description}}?

Или это можно сделать только через отдельную переменную $ scope?

В идеале я бы хотел ограничить количество символов, выводимых этой переменной $ scope, до 100.

Answer 1

AngularJS имеет встроенный фильтр limitTo.В вашем случае он выводит строку, ограниченную указанным количеством символов.Вы можете использовать его следующим образом:

<span>{{description | limitTo:100}}</span>

Если вы хотите показать многоточие при обрезке строки, вы можете сделать что-то подобное:

<span>{{description | limitTo:100}}{{description.length > 100 ? '&#8230;' : ''}}</span>

Но, конечно, никтомешает вам делать всю эту работу в вашем контроллере.Здесь я представил более угловатый способ.