Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
AngularJS Form Data Binding Example
Keywords : AngularJs data binding to input controls in form example, Angularjs bind data to input fields in form example, Angularjs form data binding example
Example
<!DOCTYPE html> <html> <head> <title> AngularJs Form Data Binding Example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('formApp', []); app.controller('formCtrl', function ($scope) { $scope.fname = "Welcome to "; $scope.lname = "Tutlane.com"; $scope.getvalues = function () { $scope.name = $scope.fname + " " + $scope.lname; } }); </script> </head> <body> <div ng-app="formApp" ng-controller="formCtrl"> <form novalidate> <h2>AngularJS Form Data Binding Example</h2> First Name:<input type="text" ng-model="fname" /><br /><br /> Last Name:<input type="text" ng-model="lname" /><br /><br /> <input type="button" value="Get Values" ng-click="getvalues()" /> <p>Full Name: {{name}}</p> </form> </div> </body> </html>
Click Here to See Result
Result
Previous
Next