Dynamic angularJS function call

Question

I am trying to write a HTML tag

<li ng-repeat="(key, value) in getusermenu">
<a ng-click="ctrl.{{key}}()" ng-href="#!{{key}}">{{value}}</a></li>

. Here I am getting values of key and value successfully. But the problem here is ng-click="ctrl.{{key}}()" is not calling the function. But when I am hardcoding(ng-click="ctrl.functionName1()") the function name it's running fine. The problem here is, angular js is not printing the key if it is in middle. How I can achieve this?

I have tried ng-click="ctrl.[key]()"

Shashi Ranjan
– Shashi Ranjan

2018-02-01 11:41:10 +00:00
Commented Feb 1, 2018 at 11:41 — Shashi Ranjan
– Shashi Ranjan, Commented Feb 1, 2018 at 11:41

dfsq · Accepted Answer · 2018-02-01 11:35:58Z

2

Use bracket notation to access object property by variable name:

ng-click="ctrl[key]()"

answered Feb 1, 2018 at 11:35

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

Shashi Ranjan Over a year ago

Good thanks! I was just bracket notation, the problem with me was "dot" ctrl.[key]()

Collectives™ on Stack Overflow

Dynamic angularJS function call

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