Angular form ng submit Directive

Today, We want to share with you Angular form ng submit Directive.
In this post we will show you Angular ng-submit Directive, hear for AngularJS Form Submit with Example we will give you demo and example for implement.
In this post, we will learn about AngularJS Tutorial: Submitting form with ng-submit with an example.

The ng-submit one type of directive or events specifies call a function to run when the HTML form is submitted data send to js function.

Syntax for ng-submit

 <form name="formname">
	<!-- input tag..... -->
 </form>

index.html



    <title>angularjs form ng-submit example - AngularJS (Pakainfo.com)</title>
    <a href="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js">https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js</a>


<div class="container">
<hr />
<h1>Create a Sales Item Data</h1>
<hr />
<form>
Sales Item Code <br />
Description <br />
UOM <br />
P/o No. <br />
Qty <br />
Rate <br />
Delivery Date <br />
Tax <br />
Sub Total <br />
Total<br />


</form>

<hr />

<table class="table">
	<tr>
		<th>No</th>
		<th>ItemCode</th>
		<th>Description</th>
		<th>UOM</th>
		<th>Po/no</th>
		<th>QTY</th>
		<th>Rate</th>
		<th>Delivery Date</th>
		<th>Tax</th>
		<th>Sub Total</th>
		<th>Total</th>
	</tr>
	<tr>
		<td>{{$index}}</td>
		<td>{{sl.itemcode}}</td>
		<td>{{sl.description}}</td>
		<td>{{sl.uom}}</td>
		<td>{{sl.pono}}</td>
		<td>{{sl.qty}}</td>
		<td>{{sl.rate}}</td>
		<td>{{sl.ddate}}</td>
		<td>{{sl.tax}}</td>
		<td>{{sl.subtotal}}</td>
		<td>{{sl.total}}</td>
	</tr>
</table>

<hr />

	<h1>Solution of AngularJs All Problems For Pakainfo.com</h1>
	<h3>
	<a href="https://infinityknow.com/">My First Web-Application in angularjs, So I am very happy and 1000+  more then people are used of Pakainfo.com </a>
	</h3>
</div>

var app=angular.module('infinityknowApp',[]);
app.controller('infinityknowCtrl', function($scope)
{
	$scope.SalesLineList = [];
    $scope.createSales = function(sales){
	$scope.SalesLineList.push(sales);
        //console.log(sales);
		//alert(JSON.stringify(sales.itemcode));
		//alert(JSON.stringify(sales));
    };
})




We hope you get an idea about Angular form ng submit Directive
We would like to have feedback on my Information blog .
Your valuable any feedback, Good question, Inspirational Quotes, or Motivational comments about this article are always welcome.
If you liked this post, Please don’t forget to share this as Well as Like FaceBook Page.

READ :  Vuejs Multiple File Upload example using Web API AJAX and Laravel

We hope This Post can help you…….Good Luck!.