One of the Core Feature of AngularJS which makes it popular is two way data binding. In two way data binding, any changes to the model are immediately reflected in the View and any changes in the View updates the model.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Script/angular.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp', [])
.controller('myController', function ($scope) {
$scope.name = "Anoop";
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myController">
Enter Name:<input type="text" ng-model="name" />
<p>Hello! {{name}}
</div>
</body>
</html>
|
Preview:
[Download Source Code via Google Drive]
http://goo.gl/3jEmfd I found this amazing blog. It is related to this article. You must read. Although thank you for sharing your thoughts, this has added to my knowledge.
ReplyDelete