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

Question

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

有没有一种简单的方法来限制我这样做时输出的字符数{{description}}？

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

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

Answer 1

AngularJS具有内置limitTo过滤器。在您的情况下，它输出的字符串限制为指定的字符数。您可以按以下方式使用它：<span>{{description&nbsp;|&nbsp;limitTo:100}}</span>如果希望在修剪字符串时显示省略号，则可以执行以下操作：<span>{{description&nbsp;|&nbsp;limitTo:100}}{{description.length&nbsp;>&nbsp;100&nbsp;?&nbsp;'&#8230;'&nbsp;:&nbsp;''}}</span>但是，当然，没有人会阻止您在控制器中完成所有这些工作。在这里，我提出了更多棱角分明的方式。