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 Two Way Data Binding Example
Keywords : How two way data bind works in angularjs with example, Angularjs two-way data binding example, Angularjs two-way binding example, Angularjs data binding (two-way) example
Example
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> AngularJs Two 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('angulartwobindapp', []); app.controller('angulartwobindingCtrl', function ($scope) { $scope.name = 'Welcome to Tutlane.com'; }); </script> </head> <body ng-app="angulartwobindapp"> <h2>AngularJS Two Way Data Bind Example</h2> <div ng-controller="angulartwobindingCtrl"> Enter Name : <input type="text" ng-model="name" style="width:250px" /> <p> Entered Name: {{ name }} </p> </div> </body> </html>
Click Here to See Result
Result
Previous
Next