More than one array in ul li loop

Question

I want to display data in ul / li so I am fetching it through loop in my html like :

I have two array where :

  $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'];

I am looping through main array like this and its working fine :

<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>

However, I want to add $color with this like :

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

I have tried with multiple loop but its not working !

Any clues ?

Possible duplicate of looping multiple arrays simultaneously with ng-repeat — Jigar Shah
– Jigar Shah, Commented Jan 31, 2018 at 5:44

gurvinder372 · Accepted Answer · 2018-01-31 05:42:50Z

1

Your can use $index

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

answered Jan 31, 2018 at 5:42

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

CodeWithCoffee Over a year ago

Thanks , but how to place this color in style ? As when i use style = "color={{color[$index]}}, its not working"

gurvinder372 Over a year ago

@CodeWithCoffee You can try ng-style stackoverflow.com/questions/21364445/…

gurvinder372 Over a year ago

This answer from above link stackoverflow.com/a/26301609/1984039 does it with plain style.

CodeWithCoffee Over a year ago

Thanks @gurvinder

Collectives™ on Stack Overflow

More than one array in ul li loop

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related