Javascript 如何在css中使用“截断列表”&引用；然后加上“+；3“；列表中还有其他项目吗？

在css/js/angular中，如何在UI中生成以下结果：

购物车：苹果，桔子，樱桃+十,

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

---

这将包含在一个角度指令中，该指令具有不同的容器宽度以容纳此内容。在angular中是否有某种过滤器已经做到了这一点？如果没有达到这一目的的最佳方法是什么？

您可以使用角度过滤器完成截断：

控制器

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

查看

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

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

Things: [1, 2, 3]