aaronroberson/data-binding

## data-binding
<!doctype html>
<html ng-app>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

    <div>
      <label>Name:</label>
      <input type="text" ng-model="user.name" placeholder="Enter a name here">
      <h1>Hello {{user.name}}!</h1>
    </div>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
  </body>
</html>

## first-controller
<!doctype html>
<html ng-app>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
</head>
  <body ng-controller="myController">
    <h1>Hello {{user.fullName}}!</h1>

    <script type="text/javascript">
      function myController($scope) {
        $scope.user = {
          firstName: 'Aaron',
          lastName: 'Roberson',
          fullName: this.firstName + ' ' this.lastName
        };
      }
    </script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
  </body>
</html>

## index.html
<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

</body>
</html>

## modular-controller
<!doctype html>
<html ng-app="myModule">
  <head>
    <script src="//code.angularjs.org/1.2.16/angular.min.js"></script>
  </head>
  <body ng-controller="myController">

    <div>
      <label>Name:</label>
      <input type="text" ng-model="name" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{name}}!</h1>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
    <script>
      // Initialize the module
      angular.module('myModule', []);

      // Access the module via angular.module('myModule');
      // Add the controller to the module using method chaining
      angular.module('myModule').controller('myController', function($scope) {
         // Anything added to the scope is available to the view
         $scope.name = 'Aaron Roberson';
      });
    </script>
  </body>
</html>

## module
<!doctype html>
<html ng-app="myModule">
  <head>
  </head>
  <body>

    <div>
      <label>Name:</label>
      <input type="text" ng-model="name" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{name}}!</h1>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
    <script>
      // Initialize the module
      // The square brackets is an array of
      // dependency names that angular's
      // dependency injection system uses
      // to compose modules of other modules
      angular.module('myModule', []);
    </script>
  </body>
</html>
	<!doctype html>
	<html ng-app>
	<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>

	<div>
	<label>Name:</label>
	<input type="text" ng-model="user.name" placeholder="Enter a name here">
	<h1>Hello {{user.name}}!</h1>
	</div>
	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
	</body>
	</html>
	<!DOCTYPE html>
	<html>
	<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>

	</body>
	</html>
	<!doctype html>
	<html ng-app="myModule">
	<head>
	<script src="//code.angularjs.org/1.2.16/angular.min.js"></script>
	</head>
	<body ng-controller="myController">

	<div>
	<label>Name:</label>
	<input type="text" ng-model="name" placeholder="Enter a name here">
	<hr>
	<h1>Hello {{name}}!</h1>
	</div>

	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
	<script>
	// Initialize the module
	angular.module('myModule', []);

	// Access the module via angular.module('myModule');
	// Add the controller to the module using method chaining
	angular.module('myModule').controller('myController', function($scope) {
	// Anything added to the scope is available to the view
	$scope.name = 'Aaron Roberson';
	});
	</script>
	</body>
	</html>