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
– Fahed Alkaabi, Commented Dec 1, 2015 at 18:47
schedule.action in this variable there is different value, but all values are function — zura katsitadze
– zura katsitadze, Commented Dec 1, 2015 at 18:52

Pankaj Parkar · Accepted Answer · 2015-12-01 18:50:33Z

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 1, 2015 at 18:50

answered Dec 1, 2015 at 18:46

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

7 Comments

zura katsitadze Over a year ago

I know what u mean, but i use html table and i want to show different dialog, when user click at the different <td> (table cell). so i need dynamic parameter

Pankaj Parkar Over a year ago

@zuri you could use ng-if for showing and hiding div..you need to toggle flag to show hide the relevant div..

zura katsitadze Over a year ago

when i try that ng-click="reservationModal(schedule.currentDate)" in generated source i'm getting same string. schedule.currentDate value is not passed

Pankaj Parkar Over a year ago

@zuri could you give me plunkr..will help you more to solve your issue.

zura katsitadze Over a year ago

what do you mean in "plunkr" ?

|

Collectives™ on Stack Overflow

Angular JS set dynamic value into ng-click directive

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related