$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 Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.