accessing index of one array for another array

Question

I want to access the index of dashboardCtrl.labels in dashboardCtrl.labelColors which is another array.I have tried the following but no success. If I print just {{$index}} it is getting printed successfully}}

<div class="row" ng-repeat="i in dashboardCtrl.labels">
                              <div id="circle" style="background:green"></div>{{i}}
                              <label>{{dashboardCtrl.labelColors[{{$index}}]}}</label>
                          </div>

try just index not {{index}}

Jenny
– Jenny

2017-04-27 06:20:56 +00:00
Commented Apr 27, 2017 at 6:20 — Jenny
– Jenny, Commented Apr 27, 2017 at 6:20

Eugene · Accepted Answer · 2017-04-27 06:23:26Z

3

You don't need nested brackets {{ }}. Try this

<div class="row" ng-repeat="i in dashboardCtrl.labels">
    <div id="circle" style="background:green"></div>{{i}}                              
    <label>{{dashboardCtrl.labelColors[$index]}}</label>
</div>

answered Apr 27, 2017 at 6:23

Eugene

3,9872 gold badges33 silver badges53 bronze badges

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

Comments

Rakesh Chand · Accepted Answer · 2017-04-27 06:38:00Z

2

Do the following. Just $index in {{dashboardCtrl.labelColors[$index]}} instead of {{dashboardCtrl.labelColors[{{$index}}]}}

<div class="row" ng-repeat="i in dashboardCtrl.labels">
    <div id="circle" style="background:green"></div>{{i}}
    <label>{{dashboardCtrl.labelColors[$index]}}</label>
</div>

EDIT

Apply CSS style attribute dynamically in Angular JS

ng-style="{'background-color': dashboardCtrl.labelColors[$index]}"

edited Apr 27, 2017 at 6:38

answered Apr 27, 2017 at 6:25

Rakesh Chand

3,1131 gold badge25 silver badges43 bronze badges

2 Comments

Delfin Over a year ago

Yes that solved my problem is this the same way to assign style dynamically <div id="circle" style="background:{{dashboardCtrl.labelColors[$index]}}"></div>{{i}}

Rakesh Chand Over a year ago

we use ng-style for that. I am adding a small demo in the answer's edit part.

Collectives™ on Stack Overflow

accessing index of one array for another array

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related