## 第二章 Angular JS的数据绑定
原理:创建实时模板来代替视图。
**ng-app** 属性声明所有被其包含的元素都属于整个AngularJS应用。
**ng-controller** 属性声明所有被它包含的元素都属于某个控制器。
```html
<!DOCTYPE html>
<html lang="zh-CN" ng-app>
<head>
<title>Simple app</title>
<meta charset="UTF-8">
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.css" rel="stylesheet">
<!-- <script src="http://cdn.bootcss.com/angular.js/1.4.9/angular.js"></script> -->
<script src="http://cdn.bootcss.com/angular.js/1.1.0/angular.js"></script>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
</head>
<body>
<div class="container" ng-controller="MyCtrl">
{{user}}
</div>
<script type="text/javascript">
function MyCtrl($scope) {
$scope.user= {
'name' : 'jack',
'age' : 18
};
}
</script>
</body>
</html>
```