http://bit.ly/1vqrqiv
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
<script> /* Javascript goes here*/ </script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
<script> /* Javascript goes here*/ </script>
</head>
<body ng-app="angularDemo">
<p>Hello World!</p>
<p>10 plus 5 equals {{10+5}}</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
<script> /* Javascript goes here*/ </script>
</head>
<body ng-app>
<input type="text" ng-model="name" placeholder="What's your name?" />
<p>Hello {{name}}!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
<script>
angular.module('demoApp', [])
.controller('NameController', ['$scope', function($scope) {
$scope.name = 'Polina';
}]);
</script>
</head>
<body ng-app="demoApp">
<div ng-controller="NameController">
<input type="text" ng-model="name" placeholder="What's your name?" />
<p>Hello {{name}}!</p>
</div>
</body>
</html>
On a high level: markers on a DOM elementÂ
that add AngularJS behavior to that element.
Examples: