AngularJS--day02控制器

<!DOCTYPE html>
<html ng-app='app' ng-controller='mainController'>
    <head>
        <meta charset="utf-8">
        <!-- <title>控制器</title> -->
        <title ng-bind='pageTitle'></title>
        <script src="angular.js"></script>
    </head>
    <body>
        <h1 ng-bind='msg'></h1>
        <span>{{msg}}</span>
        <script>
            //页面数据模型
            var app = angular.module('app',[]);
            console.log(app);
            //实现html标签的控制器--页面不会报错-完整的脚本
            app.controller('mainController',['$scope',function($scope){
                $.scope.pageTitle = 'day02——控制器';
                /* ...收到了后台返回的数据 */
                $.scope.msg = '我很厉害';
            }]);
            /* 
             1.angular.module()方法
             描述：本方法是NG框架中提供，用来生成[页面数据模型]的方法
             语法：var 模型名称 = angular.module('边界名称',[注入信息])
             说明：因为现在还没有涉及到注入内容，因此暂时空置即可
             例子：var myApp_module = angular.module('app',[]);
             
             2.声明控制器指令ng-controller
             描述：本指令用来在页面中声明哪一个元素为控制器
                    控制器，就是用来操作数据和视图的部件。
                语法:<html ng-controller='mainController'>...</html>
                注意：只要声明一个标签拥有控制器，这个控制器在脚本中就必须写出来！！
                
            3.实现控制器方法*.controller()
                描述：本方法是NG框架在script脚本中提供，用来生成[页面控制器]的方法
                语法：页面数据模型名称.controller('控制器名称',['$scope',function ($scope){...}]);
                例子：app.controller('mainController',['$scope',function($scope){...}]);
             */
        </script>
            
        
    </body>
</html>