Implicit variable name in an Angular ng repeat

Question

Consider I have a few objects, each of them having the properties x, y and z.

Now consider I have the following Angular ng-repeat:

<div ng-repeat="obj in objs">
    Values are: {{ obj.x }}, {{ obj.y }} and {{ obj.z }}
</div>

Is there any way I can implicitly use the obj variable, so I could do:

<div ng-repeat="obj in objs">
    Values are: {{ x }}, {{ y }} and {{ z }}
</div>

Community · Accepted Answer · 2017-05-23 11:58:32Z

2

What you're trying to do doesn't seem to be a good idea, as per this answer to a previous question. Basically, because... (switch "block" for "obj")

(...) all primitives in block (strings, ints, etc) would just be copied from the block object to the block scope object (...)

That's the basic reason for directives like ng-repeat making a new scope of their own.

I see your point in trying to save some keystrokes, but it's not like you can't just copy & paste ;)

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered Jun 16, 2015 at 16:12

davguij

8987 silver badges12 bronze badges

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

11 Comments

Alexander Nestorov Over a year ago

I haven't said anything about using that as a directive template. Actually, I'm going to compile this against an array of objects, so the only variable the template would see is that object, nothing more.

davguij Over a year ago

Regardless of being a directive template or not, it still is not a good idea: the risk of running into conflicts and other issues is too high just to save "a couple" of keystrokes. If you still want to take the risk, I would probably give ng-init a try...

Alexander Nestorov Over a year ago

I really can't see those risks. Care to explain a little bit further?

davguij Over a year ago

From github.com/angular/angular.js/wiki/…: "If item is a primitive (as in myArrayOfPrimitives), essentially a copy of the value is assigned to the new child scope property. Changing the child scope property's value (i.e., using ng-model, hence child scope property num) does not change the array the parent scope references."

Dave Alperovich Over a year ago

@alexandernst, this is absolutely correct. Original ng-repeat had just such an option, but broke in various use cases. For example, in nested repeats, you would struggle to specify your focus object.

|

Daniel Jamrozik · Accepted Answer · 2015-06-16 16:13:07Z

2

If you were to have it in this format:

<div ng-repeat="obj in objs">
    Values are: {{ x }}, {{ y }} and {{ z }}
</div>

Then that would mean that x, y, z are variables on the scope. So that conflict prevents you from having an implicit variable like that, except if you actually put that variable on the scope through a helper function, but! that would create overlap between scope variables having the same name per each object in the array, so either way you have a naming conflict.

Sorry, I usually don't do proofs, but hopefully this can prove by contradiction why that would be impossible. Hope that helps!

answered Jun 16, 2015 at 16:13

Daniel Jamrozik

1,2382 gold badges11 silver badges25 bronze badges

1 Comment

Alexander Nestorov Over a year ago

I haven't said anything about using that as a directive template. Actually, I'm going to compile this against an array of objects, so the only variable the template would see is that object, nothing more.

Collectives™ on Stack Overflow

Implicit variable name in an Angular ng repeat

2 Answers 2

11 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related