AngularJS - passing variable to function returns preprocessed syntax

Question

I want to send an AngularJS variable to a function in my controller. Here's a sample snippet of my code:

<ul>
    <li ng-repeat="score in scores | filter:search | orderBy : 'first'">
        <span class='popup' ng-click='popup("/scores/create/{{ score.user_id }}")'>Add Score</span>
    </li>
</ul>

When I inspect the ng-click attribute in my browser, I see the processed variable I need: "/scores/create/60".

But when I click on the element and the function is fired, it returns the preprocessed AngularJS code: "/scores/create/{{ score.user_id }}", thus breaking my function. Is there a way around this?

You just can send ng-click='popup("/scores/create/" + score.user_id) (without double brackets) — Umidbek
– Umidbek, Commented Aug 4, 2014 at 21:49

dave · Accepted Answer · 2014-08-04 21:49:53Z

1

You are already "in" angular, so you don't need to use {{}}, you just have to get out of the string you are passing in:

 ng-click='popup("/scores/create/" + score.user_id)'

answered Aug 4, 2014 at 21:49

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

1 Comment

americanknight Over a year ago

Could have sworn I tried that already! Embarrassing when it's so simple. Thanks!

Collectives™ on Stack Overflow

AngularJS - passing variable to function returns preprocessed syntax

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