Passing parameter to ng-click directive, within custom directive

Question

I\'m using ng-repeat in the template for a custom directive as follows:

Answer 1

I think that the issue is that you are using the double curly braces inside of the ng-click, and angular doesn't like that.

Try changing your repeater to this (note there are no curly braces around $index):

<li ng-repeat="image in images">
    <img ng-src="{{image.url}}" ng-click="togglePhoto($index)">
</li>

I also put together a working jsfiddle to show that this works.

http://jsfiddle.net/n02ms8s0/4/

Answer 2

Figured this out. Hope it helps anyone else stuck on it.

Firstly this

ng-click="togglePhoto({{$index}})"

Should be

ng-click="togglePhoto($index)"

Braces not needed!

Secondly I found that you can pass the event object into the click function eg

ng-click="togglePhoto($event)"

Then catch that event and find out what element trigged it in your click function

$scope.togglePhoto = function(e)
{
    console.log(e.currentTarget)
}