<a href="#" data-ng-click="doSomething()">Click me</a<>
This is not a best practice, but in some cases you need to use it anyways. In this case you need to tell the browser to not to handle the anchor like a link and reload the page.
In plain javascript is really simple:
HTML
<a href="#" onclick="doSomething()">Click me</a>
Javascript
...
function doSomething(event)
{
event.preventDefault();
event.stopPropagation();
alert("Hello, world!");
}
...
But now, you want to do this with AngularJS. It's really simple, like in plain javascript. So, you'll write:
HTML
<a href="#" data-ng-click="doSomething(); $event.preventDefault(); $event.stopPropagation();">Click me</a>
Javascript
...
$scope.doSomething = function()
{
alert("Hello, world!");
}
...
