AngularJS Passing ng-repeat value to ng-click

Question

Angular 1.5

I am trying to pass noteNumber into a function call in ng-click.

How is that bound? This is in error.

    <span ng-repeat="noteNumber in row.Notes">
        <a href="#" ng-click="showNote({{noteNumber}})">{{noteNumber}}</a><span ng-show="!$last">,&nbsp;</span>
    </span>

your mistake are on the param of your method or event , not set with {{}} the object , set like simple variable — Enrique YC
– Enrique YC, Commented Feb 26, 2016 at 21:53

blurfus · Accepted Answer · 2016-02-26 21:49:04Z

7

Use ng-click="showNote(noteNumber)" and you'd be fine!

edited Feb 26, 2016 at 21:49

blurfus

14.1k9 gold badges63 silver badges69 bronze badges

answered Feb 26, 2016 at 21:47

Cosmin Ababei

7,0722 gold badges22 silver badges35 bronze badges

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

Comments

Dave · Accepted Answer · 2016-02-26 21:50:16Z

1

You don't need to use the {{}} markup in ng-click - both the function and any arguments you pass it are assumed to be part of whatever the scope is when that template is loaded. So:

ng-click="showNote(noteNumber)"

answered Feb 26, 2016 at 21:50

Dave

4,4223 gold badges26 silver badges30 bronze badges

Collectives™ on Stack Overflow

AngularJS Passing ng-repeat value to ng-click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related