Angularjs ng repeat中每个元素的特定颜色

我使用了一个ng repeat来迭代和数组，并打印出一些div。我有另一个数组，其中包含6种不同的颜色。现在，可以从循环打印的div的最大数目是6。我想知道一些正在打印的div是如何根据索引从颜色数组中获得边框颜色的，即第一个div使用第一种颜色，第二个div使用第二种颜色，依此类推到打印的div数。如果有4个div，则使用数组中的前四种颜色。我该怎么做

{{x.name}

{{x.fcount}}

{{x.email}

{{x.contact}}

{x.DOB}

颜色数组是： 颜色=[00000000FF000000FF，ff0000，f7faff，77da63]

可能的最大div数为6，因此数组有6种颜色。

使用ng样式，如下所示：

<div ng-repeat="x in details" ng-style="{ 'border-color': colors[$index] }">
    <p>{{ x.name }}</p>
    <p>{{ x.fcount }}</p>
    <p>{{ x.email }}</p>
    <p>{{ x.contact }}</p>
    <p>{{ x.DOB }}</p>
</div>

---

检查工作演示：

因此在范围中使用ng repeat引入的$index变量来获取颜色。试试看。尝试使用ng类或ng样式