AngularJS 1: How to bind index as expression to an array in html?

Question

I am having little issue. I am trying to display some data using ng-repeat like that:

ng-repeat="color in apples[{{index}}].color"

where

$scope.index = $stateParams.index;

However, I get a a syntax error.

What is a proper way to dynamically add index to array in this example?

K K · Accepted Answer · 2015-11-10 09:27:21Z

2

Just use loop index:

ng-repeat="color in apples[$index].color"

or

ng-repeat="color in apples[index].color"

answered Nov 10, 2015 at 9:27

K K

18.2k4 gold badges33 silver badges39 bronze badges

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

5 Comments

uksz Over a year ago

This doesn't work for me: when I try to display values below the ng-repeat for color, I have an empty object. ( I display values as {{color}})

uksz Over a year ago

And in HTML code I have:

K K Over a year ago

What is the error message? Can you create a fiddle?

uksz Over a year ago

Alright, this worked :) I had to rename index to pp.index, as I use controller as syntax :)

K K Over a year ago

You can use ng-repeat only on the iterable items. Check if apples[index] has any property attribute. Also share complete code. It is hard to understand whether apples is an array or object

Collectives™ on Stack Overflow

AngularJS 1: How to bind index as expression to an array in html?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related