CODEWITHSUNDEEP
javascriptangularjsangularjs-ng-clickng-submit
Burjua
Burjua

Reputation: 12726

Angular js form submits when it shouldn't

I have an AngularJS form which looks like this:

<form ng-submit="vm.update(vm.model)"> 

     .. fields

     <button ng-click="vm.addCluster()">Add</button>

     .. more fields

     <input type="submit" value="Save" /> 

</form>

When I click submit it works as expected - update() method is called. When I click the button it calls addCluster() but after that the form gets submitted and update() is called automatically.

Why does it do It and how can I prevent this?

Upvotes: 1

Views: 151

Answers (2)

Simon H
Simon H

Reputation: 1745

I believe you can give the button an extra attribute like so

<button type="button">Your button</button>

The type="button" should prevent the unwanted form submission.

Upvotes: 1

Arun P Johny
Arun P Johny

Reputation: 388316

The default action of a button(with no type specified) in a form is to submit it, you can set the type of the button to button to change this behavior

<button type="button" ng-click="vm.addCluster()">Add</button>

Upvotes: 3

Related Questions