duycuong87vn/jsbin.scope_controller.html

## jsbin.scope_controller.html
<!DOCTYPE html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>AngularJS review</title>
</head>
<body>
 <div ng-controller="MyController">
  Your name:
    <input type="text" ng-model="username">
    <button ng-click='sayHello()'>greet</button>
  <hr>
  {{greeting}}
</div>

</body>
</html>

## jsbin.scope_controller.js
function MyController($scope) {
  $scope.username = 'Crunchbang';

  $scope.sayHello = function() {
    $scope.greeting = 'Hello ' + $scope.username + '!';
  };
}
	<!DOCTYPE html>
	<html ng-app>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta charset="utf-8">
	<title>AngularJS review</title>
	</head>
	<body>
	<div ng-controller="MyController">
	Your name:
	<input type="text" ng-model="username">
	<button ng-click='sayHello()'>greet</button>
	<hr>
	{{greeting}}
	</div>

	</body>
	</html>
	function MyController($scope) {
	$scope.username = 'Crunchbang';

	$scope.sayHello = function() {
	$scope.greeting = 'Hello ' + $scope.username + '!';
	};
	}