ng-click with a href in angularjs

Question

And I have the following links in my page as following :

<li ng-repeat="o in villes | shuffle | limitTo:5"><a href="#" ng-click="searchByVille({{o.codeVille}})">{{o.nomVille}}</a></li>

I want when I click on some link to call the searchByVille function and to log the parameter I passed to it as following :

$scope.search = function(id){
    console.log(id);
  }

which doesn't work.

How can I solve this ?

tymeJV · Accepted Answer · 2016-03-17 17:33:27Z

4

Omit the {{}} in your ngClick directive:

ng-click="searchByVille(o.codeVille)"

ngClick already takes an Angular expression - no need for them.

answered Mar 17, 2016 at 17:33

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Prakash Mishra · Accepted Answer · 2016-03-17 18:01:13Z

0

No need to evaluate using {{}}. Use data-ng-click="searchByVille(o.codeVille)"

answered Mar 17, 2016 at 18:01

Prakash Mishra

1095 bronze badges