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

Question

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

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

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

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

Answer 1

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

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

如果您希望在修剪字符串时显示省略号，您可以这样做：

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

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