$watch vs $on in angularjs

AngularJs a href preventdefault event

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

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:

<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

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..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

AngularJs a href preventdefault event AngularJs a href preventdefault event Reviewed by Anil Singh on 1:27 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^