Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

differences between ng-submit and ng-click

In angularjs I'm wondering what the differences are between ng-submit and ng-click? Specifically, pros and cons of each and when should you one or the other? Thanks!
**EDIT**
I've looked in to this a bit more but I'm still wondering what (if any) the benefit is of using ng-submit? Could you use an ng-click in place of all ng-submits? Would this cause any problems? Thanks again!

like image 831
MrMadsen Avatar asked May 08 '14 21:05

MrMadsen


People also ask

What is the difference between click and Ng-click?

Another significant difference between ng-click and onclick is the execution context. Code inside an onclick attribute executes against the global window object, while an expression inside of ng-click executes against a specific scope object, typically the scope object representing the model for the current controller.

What is the difference between ngSubmit and click?

The difference is that (ngSubmit) listens to the ngSubmit event of the NgForm directive and click to the click event of the <button> element. The button in the 2nd example will cause the submit event which also causes the ngSubmit event, but because it is not listened to, it will have no effect.

What does ng-Click mean?

The ng-click directive tells AngularJS what to do when an HTML element is clicked.

What is the use of NG submit?

The ng-submit directive specifies a function to run when the form is submitted. If the form does not have an action ng-submit will prevent the form from being submitted.


1 Answers

The ngSubmit directive binds to the submit event in the browser, which is fired when a form is submitted.

From MDN:

Note that submit is fired only on the form element, not the button or submit input. (Forms are submitted, not buttons.)

So you might use it to submit a user sign-up form, or something like that.

On the other hand, the ngClick directive can apply to any kind of element.

From source:

The ngClick directive allows you to specify custom behavior when an element is clicked.

Use it to allow your user to interact with your page in some way other than submitting a form. Maybe to click on a 'previous' or 'next' pager button, or maybe a map or something.

like image 107
ANDREW MAGILL Avatar answered Oct 11 '22 18:10

ANDREW MAGILL