ng-repeat inside ul - impossible to bind function

[Dmitry]

Hi

I have strange issue with list and ng-repeat.

this is small jsfiddle to explain the problem;  http://jsfiddle.net/dmitrysh/8LcwJ/

I have a list which I output with ng-repeat:

<li ng-repeat="item in Arr">
  <a href="{{item}}" ng-click="do($event, '{{item}}')">{{item}}</a>
</li>

I would like to implement the following:

when user click on link - do() will be executed, but right now  page reload as with normal link, without executing do() . (I've tried $event.preventDefault(); too)

I've tried to bind with jQuery - same problem. Once I looked into html code, link looks like this: 

<li ng-repeat="item in Arr" class="ng-scope">

    <a ng-click="do($event, 'aa');" href="aa" class="ng-binding">aa</a>

</li>

looks like function is not get executed. Maybe ng-binding prevent this?

If I empty href="" - nothing happened.

Could someone help me understand this behavior, I just need an Ajax call on user press on link.

Thank you

[James Wright]

http://jsfiddle.net/jamey777/8LcwJ/4/

[Dmitry]

Hi James, 

Thank you very much.

I surprised why there are no warnings were shown?  

[Andy Joslin]

Hi Dmitry, 

Well, why would angular error?  You technically just passed a string into the 'do' function:  do($event, '{{item}}')