Hello everyone, I am going to share the ways to prevent
AngularJs default event of an anchor “href” and there are different methods to
prevents default event using the code “$event.preventDefault()”.
The methods as given below
Method
1:
<a href="#" ng-click="do();
$event.preventDefault()">Click Me!</a>
------------------------------------------------------------------------------------------------------
Method 2: If you are using Angular directives
Method 2: If you are using Angular directives
HTML
code
<a href="#" ng-click="do()"
preventdefault-click>Click Me!</a>
Directives code
app.directive('preventdefaultClick', function() {
return
function(scope, element, attrs) {
$(element).click(function(event) {
event.preventDefault();
});
}
});
----------------------------------------------------------------------------------------------------
Method 3:
Method 3:
<a ng-click="do()">Click Me!</a>
Add your css to have an AngularJs ng-click rule.
a[ng-click]{
cursor: pointer;
}
Thank you!