Display Form Content In Angular -Example 1



In this example we will discussing and learn about angular form content, and how to display form content without page refresh.


First need to import "angular.min.js" in script.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> 

Example:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">
 
<p>Enter Text: <input type="text" ng-model="text1"></p>
<p>Your Text Which You Entered: {{ text1 }}</p>

</div>

</body>
</html>

Output:

Explanation:

ng-app: This directory defines an AngularJS application.

ng-model: he ng-model directive binds the value of HTML controls (input, select, textarea) to application data.

Contact Us

Tel: (+91) 0120  4118730  

Time :   10 : 00  AM -  08 : 00 PM IST 

Registered address: G-69, Sector 63, 

 Noida - 201301, India

We Provide Services Across The different countries

USA    Australia   Canada   UK    UAE    Singapore   New Zealand    Malasia   India   Ireland   Germany

Terms and Conditions        Privacy Policy    Pricing Policy       Refund Policy         COPYRIGHT © 2021

Sofstack Technology Solutions Pvt. Ltd.

  • CodersArts | Linkedin
  • Instagram