将$ scope变量显示限制为一定数量的字符

Question

我正在使用angularJS构建应用程序，我有一个名为$scope的{​​{1}}变量，它基本上只是对数据库中某些内容的长描述。

是否有一种简单的方法来限制我执行description时输出的字符数？

还是只能通过单独的$ scope变量来完成？

理想情况下，我希望将此$ scope变量输出的字符数限制为100。

Answer 1

AngularJS具有内置的limitTo过滤器。在您的情况下，它输出的字符串限制为指定的字符数。您可以按如下方式使用它：

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

如果希望在修剪字符串时显示省略号，则可以执行以下操作：

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

但是，当然，没有人会阻止您在控制器中完成所有这些工作。在这里，我提出了更多棱角分明的方法。