Dynamic object properties within a nested AngularJS repeat statement

Question

I have a repeater within a repeater, like so:

<div ng-repeat='x in collection1'>
    <div ng-repeat='y in collection2'>
    </div>
</div>

What I'm trying to do is access property y of object x, something like...

{{ x.{{y} }}}

or

{{ x[ {{y}} ] }}

...but when I try this I get an error along the lines of..."Syntax Error: Token 'y' is unexpected, expecting [:]."

Is there any way to do something like this with Angular or am I boned here?

possible duplicate of How to access object using dynamic key? — Stewie
– Stewie, Commented Jul 1, 2013 at 23:36

ty. · Accepted Answer · 2013-07-01 22:06:57Z

6

{{ x[y] }}

Here's a jsfiddle, though the example is a bit contrived.

answered Jul 1, 2013 at 22:06

ty.

11.2k9 gold badges57 silver badges74 bronze badges

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

1 Comment

E-Rock Over a year ago

Thanks. This was actually the first thing I'd tried, but it turns out my object wasn't set up like I expected. I was looking for x[firstName] when I needed x.name[first] etc.

Collectives™ on Stack Overflow

Dynamic object properties within a nested AngularJS repeat statement

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related