ul li 循环中有多个数组

Question

我想在 ul / li 中显示数据，所以我通过我的 html 中的循环来获取它，例如：

我有两个数组，其中：

  $mainarray = [{"Name":"data1","count":9},{"Name":"data2","count":10},
 {"Name":"data3","count":4},{"Name":"4","count":20}];


 $color = ['red','pink','green','yellow','black'];
 $color = ['red','pink','green','yellow','black'];

我正在像这样循环主数组并且它工作正常：

<ul style="list-style-type:circle; padding: 0px !important; font-size:22px;">
<li ng-repeat="item in mainarray " style="margin-bottom: 10px;"; >
    <span style=" font-size: 16px; ">{{ item.name }}</span>
</li>
</ul>

但是，我想像这样添加 $color ：

for data1 -> red
data2->pink 
and so on ....

我尝试了多个循环，但它不起作用！

有什么线索吗？

Answer 1

你可以使用$index

<span style=" font-size: 16px; ">{{ item.name }} -> {{ color[$index] }}</span>