AngularJS: Pass binding in ng-click directive

Question

I've called a function on the ng-click event from my html but would like to pass the output of an ng-repeat as a parameter to that function. INthis case {{item.url}} is the output of the ng-repeat.

ng-click = "urlSetter({{item.url}})"

Within the Controller of the page I have created the relevent function and set it in the $scope.

$scope.urlSetter = function(url){
        console.log(url);
    };

How can I pass the binding to the function?

Prashant G · Accepted Answer · 2016-07-10 18:43:26Z

3

Don't use interpolation ({{}}) inside ng-click directive.

ng-click = "urlSetter(item.url)"

edited Jul 10, 2016 at 18:43

Prashant G

4,9303 gold badges38 silver badges47 bronze badges

answered Jul 10, 2016 at 18:37

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Comments

Dhanush Gopinath · Accepted Answer · 2016-07-10 18:42:42Z

0

Assuming you are iterating through the list of items here is how you do it.

<div ng-repeat="item in items" ng-click="urlSetter(item.url)"></div>

The usage {{item.url}} is used inside the HTML elements to output the bound valueof item.url onto the HTML. But when you pass it to a controller method you can just use the variable name

answered Jul 10, 2016 at 18:42

Dhanush Gopinath

5,7697 gold badges41 silver badges68 bronze badges

Collectives™ on Stack Overflow

AngularJS: Pass binding in ng-click directive

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