Prevent default anchor behaviour AngularJS

Question

When the user clicks a link, I want to execute some code in a function inside the controller. But I want to prevent that the URL changes.

I tried the following possibilities

1. Removed the href-attribute. Didn't work, still changes the url to '/'

2. Tried ng-click='deleteUser(user.id, $event)' and $event.preventDefault() in my deleteUser()-function. Didn't work.

3. What did work is a hack I've found on GitHub about an unintended reload.

This is how I do it now:

<a ng-click="deleteUser(user.id)" href="javascript:">Delete user</a> 

Question

What is the'clean' method to prevent a link from changing the URL?

Answer 1

<a ng-click="deleteUser(user.id)" href="">Delete user</a>