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!
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|