CODEWITHSUNDEEP
javascripthtmlangularjs
Dhruv Shrivastava
Dhruv Shrivastava

Reputation: 65

How to use event.preventDefault() in AngularJS?

I have come across a method to avoid page refresh after form submission i.e event.preventDefault(); Being very new to Angular I really don't know how to put this syntax in my Angular controller, Is "event" an Angular service? How to use it in the code?

Any help would be appreciated!

Upvotes: 5

Views: 30531

Answers (2)

Srinath Kamath
Srinath Kamath

Reputation: 558

This is very simple. Your HTML Code:

<form (ngSubmit)='onSubmit()'>
  // your code here
  <button type='submit'>Submit</button>
  <button (click)='form.reset();event.preventDefault();'>Cancel</button>
</form>

This form.reset();event.preventDefault(); now prevent cancel button from causing the default action to submit the form.

Upvotes: -1

Marcin Malinowski
Marcin Malinowski

Reputation: 785

On every angular user interface events like ng-keyup ng-click etc you have access to $event object. f.ex ng-click="myClickHandler($event, otherData). you can call preventDefault on that $event object.

Upvotes: 14

Related Questions