Angular JS set dynamic value into ng-click directive

Question

I want to set value into ns-click dynamically, i mean that:

<td ng-click="{{schedule.action}}" ng-init="schedule.action=schedule.action" ng-repeat="schedule in room.Schedule">{{schedule.firstName}}</td>

i'm getting the following error message:

Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{schedule.action}}] starting at [{schedule.action}}].

How to solve this problem?

You should have function call on ng-click instead of calling variable — Fahed Alkaabi, Dec 01 '15 at 18:47
Possible approach: http://stackoverflow.com/questions/26151543/how-to-dynamically-bind-function-to-ng-click-using-the-function-expression-from — stephen.vakil, Dec 01 '15 at 18:48
schedule.action in this variable there is different value, but all values are function — zura katsitadze, Dec 01 '15 at 18:52

Pankaj Parkar · Answer 1 · 2015-12-01T18:50:33.457

0

ng-click directive will not interpolation directive {{}} in it, that will throw $parser exception. Basically it can have function call, or code dealing with scope variables.

Markup

<td ng-click="someMethod()" ng-init="schedule.action=schedule.action" 
  ng-repeat="schedule in room.Schedule">
    {{schedule.firstName}}
</td>

edited Dec 01 '15 at 18:50

answered Dec 01 '15 at 18:46

Pankaj Parkar

134,766
23
234
299

I know what u mean, but i use html table and i want to show different dialog, when user click at the different (table cell). so i need dynamic parameter – zura katsitadze Dec 01 '15 at 18:50
@zuri you could use `ng-if` for showing and hiding div..you need to toggle flag to show hide the relevant div.. – Pankaj Parkar Dec 01 '15 at 18:52
when i try that ng-click="reservationModal(schedule.currentDate)" in generated source i'm getting same string. schedule.currentDate value is not passed – zura katsitadze Dec 01 '15 at 18:59
@zuri could you give me plunkr..will help you more to solve your issue. – Pankaj Parkar Dec 01 '15 at 19:04
what do you mean in "plunkr" ? – zura katsitadze Dec 01 '15 at 19:06
@zuri It means the runnalbe code with problem you are facing http://plnkr.co/edit/LEDDI0TX6OvKj0gNJrSl?p=preview – Pankaj Parkar Dec 01 '15 at 19:08
i could not attach my code in plnkr, because it is big project so it contains to much files. – zura katsitadze Dec 01 '15 at 19:16

Angular JS set dynamic value into ng-click directive

1 Answers1

Linked