<!doctype html>
<html>
  
<head>
  <meta charset="UTF-8">
  <title>ng-model, ng-bind</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.1/angular.min.js"></script>
</head>

<body ng-app="bindExample">
<script>
  angular.module('bindExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.name = '홍길동';
    }]);
</script>

<div ng-controller="ExampleController">
  <label>Enter name: <input type="text" ng-model="name"></label>
  <br/>
  <p>Hello <span ng-bind="name"></span>!</p>
  <br/>
  <p>----------------------</p>
  <p>ng-model은 변수로 표시해야함.</p>
  <p>{{name}}</p>
  <p>----------------------</p>
  <p ng-bind="name"></p>
</div>

</body>

</html>