AngularJS ng-submit Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-submit Directive

The AngularJS ng-submit directive specifies a function to be executed when the form is submitted. If you don’t use the ng-submit directive in the form then it will not be submitted.

It is supported by <form> element.

Syntax:

Parameter explanation:

expression: It specifies a function that is called when the form is being submitted, or an expression to be evaluated, which should return a function call.

Let’s take an example to demonstrate the usage of ng-submit directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    
<form ng-submit="myFunc()">    <input type="text">    <input type="submit">  </form>
<p>{{myTxt}}</p>
<p>In this example you can see, how an AngularJS function is executed when a form is submitted.</p>
<p>         </p>

Test it Now

Example 2:

         <meta charset="utf-8">    <script src="../wp-content/static///ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js" id="e0c2fc0df2a13be9c612c17037c4bac3" type="PenciLazyScript"></script>             
<form ng-controller="ExampleController" ng-submit="submit()">    Enter text and hit enter:    <input name="text" ng-model="text" type="text">    <input id="submit" type="submit" value="Submit">    
<pre>list={{list}}</pre> </form> <p> </p>

Test it Now

Next TopicAngularJS ng-switch Directive

AngularJS ng-submit Directive

AngularJS ng-submit Directive

PHP addcslashes() function

Framework7 Notifications

You may also like