将$ 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>

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