Angular控制器和$scope

控制器的作用

1. 为应用中的模型设置初始状态，和ng-init作用一样
2.通过$scope对象把数据模型和函数暴露给视图
3.监视模型其余部分的变化，并采取相应的动作。

从前面的例子中大家已经注意到了控制器是绑定在特定的DOM片段上的，这些片段就是它们需要负责管理的内容，我们有两张方法绑定到DOM节点上。

1.在模板中通过ng-controller属性声明到DOM节点上
2.通过路由动态绑定到DOM节点上（这个在后面将会阐述）

 1 <!DOCTYPE html>
 2 <html ng-app="">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6 </head>
 7 <body ng-controller="myCtrl">
 8     <p>{{greet.text}},World</p>
 9     <script src="js/angular-1.2.16.js"></script>
10     <script>
11         function myCtrl($scope)
12         {
13             $scope.greet = { text: "Hello" };
14         }
15     </script>
16 </body>
17 </html>

View Code