Javascript 如何为特定长度的数组添加省略号？

我有一个场景，在这个场景中，我有一个带有对象的数组，我需要用逗号分隔该数组。在数组的某些元素之后，我需要添加省略号

这是我的密码：

<div><b>Eye color:</b><span ng-repeat="eyeAry in eyeClrTxtAry | limitTo:10"> {{eyeAry}}{{$last ? '' : ', '}}
     </span>
    <span ng-if="eyeClrTxtAry.length >5">...</span>
 </div>

眼睛颜色：{{eyeAry}{{$last？''：'，'}}
...

---

上面的代码用于添加省略号。我的问题是，当长度超过“5”时，省略号会添加到长度“5”之后的每个元素。我的要求是通过添加省略号（…）来隐藏大于“5”的元素。

将限制更改为6，并按$index添加轨迹

<div><b>Eye color:</b><span ng-repeat="eyeAry in eyeClrTxtAry track by $index | limitTo:6"> {{eyeAry}}{{$last ? '' : ', '}}
 </span>
<span ng-if="$index >4">...</span>

眼睛颜色：{{eyeAry}{{$last？''：'，'}}
...

---

如果您不介意输出整个集合，您可以坚持使用CSS解决方案。
检查属性

div {
  white-space: nowrap;
  text-overflow: ellipsis;
}