ng-repeat的每个元素的特定颜色

时间:2019-07-10 06:30:42

标签: angularjs

我使用了ng-repeat来遍历和数组并打印出一些div。我有另一个包含不同颜色(其中6种)的数组。现在,可以从循环中打印的div的最大数量为6。我希望一些要打印的div如何根据索引从颜色数组中获取边框颜色,即第一个div采用第一种颜色,即第二个,第二个颜色,依此类推,直到打印的div数量。如果有4格,则使用阵列中的前四种颜色。我该怎么做?

<div ng-repeat="x in details">
    <p>{{ x.name }}</p>
    <p>{{ x.fcount }}</p>
    <p>{{ x.email }}</p>
    <p>{{ x.contact }}</p>
    <p>{{ x.DOB }}</p>
</div>

颜色数组是: 颜色= [#000000,#00ff00,#0000ff,#ff0000,#f7faff,#77da63]

div的最大数量为6,因此数组具有6种颜色。

1 个答案:

答案 0 :(得分:1)

像这样使用 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd"> <suite name="Suite"> <listeners> <listener class-name="com.TestngListeners" /> </listeners> <test name="Test"> <groups> <run> <include name="Sanity"/> </run> </groups> <packages> <package name="com.tests.windows.*"></package> <package name="com.tests.server.*"></package> </packages> </test> <!-- Test --> </suite> <!-- Suite -->

ng-style

检查工作示例:fiddle