javascript - 如何使用 "..." chop css 中的列表，然后在列表中添加 "+3"更多项目？

Question

在 css/js/Angular 中，我如何在 UI 中产生以下结果:

Cart: apples, oranges, cherries ... +10

有一个不同数量的列表，“+10”是列表中附加项目的数量。

这将包含在具有不同容器宽度的 Angular Directive(指令)中以保存该内容。 Angular 中是否有某种过滤器可以做到这一点？如果没有，解决这个问题的最佳方法是什么？

Answer 1

您可以使用 Angular 过滤器 limitTo 完成 chop :

Controller

$scope.things = [1, 2, 3, 4];

查看

<p>Things: {{ things | limitTo: 3 }}</p>

这将产生结果:

Things: [1, 2, 3]

编辑:AngularJS 没有内置过滤器或指令来指定对象中的其余元素，您需要编写一个自定义指令来实现这一点。