AngularJS: nested ng-repeat (array in object) only works if there is one item in array, not when multiple

Question

Okay, I have a weird issue. I have an array of objects. Each object contains another array (of strings). I loop over the array of objects using ng-repeat. Within the repeated code I ng-repeat over the array of strings. For some reason, this nested ng-repeat only works when the array of strings contains but one (1) item. When there are more items, it simply doesn't work.

Code

Result of <pre>{{ answer.value | json }}</pre>

[
  "Apothekerskast",
  "Apothekerskast",
  "Koelkast ombouw"
]

The view (in a gist because posting here causes issues with markdown): https://gist.github.com/fabdrol/898e4ac9760fc358ce81

The data (in JSON), for easy reading: https://gist.github.com/fabdrol/089467fa09dad6e89e81

Ivan Chernykh · Accepted Answer · 2014-10-07 09:33:18Z

3

It doesn't like duplicates, use track by $index:

ng-repeat="val in vals track by $index"

JSFiddle: http://jsfiddle.net/nedq13q2/

answered Oct 7, 2014 at 9:33

Ivan Chernykh

42.2k13 gold badges136 silver badges149 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: nested ng-repeat (array in object) only works if there is one item in array, not when multiple

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related