AngularJS - Passing nested variable with ng-click

Question

This answer helped me understand how to bound a variable via ng-click: How can you pass a bound variable to an ng-click function?

However, what if the variable that needs to be passed is a nested variable?

For example:

The nested variable: {{item['id']['attributes']['im:id']}}

How would this be called inside of ng-click?

<a ng-click="open('item['id']['attributes']['im:id']')">

Definitely does not work because of the multliple use of the single quote.

Thanks!

__ Edit ___

Attached is the JSFiddle of what I am trying to achieve: http://jsfiddle.net/RUnaE/4/

Basically in $scope.test, the value that I am trying to pass within ng-click to the contoller is {{ item['id']['attributes']['im:id']}}

please post your json structure and will be better to show your issue in Fiddle or PLunker, thanks — Maxim Shoustin
– Maxim Shoustin, Commented Oct 6, 2013 at 20:40
Thanks for the tip. I'll get a Plnker up ASAP for the issue. — Roc
– Roc, Commented Oct 6, 2013 at 20:46

Roc · Accepted Answer · 2013-10-07 03:36:32Z

1

For reference, I believe this is the correct solution to the question I asked above: Here is a JSFiddle for future reference: http://jsfiddle.net/RUnaE/6/

ng-click="open(item.id.attributes['im:id'])"

The non-proper variable is placed within enclosing brackets.

Hope this will help future searchers.

answered Oct 7, 2013 at 3:36

Roc

1211 gold badge1 silver badge16 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - Passing nested variable with ng-click

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