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>

 

posted @ 2019-08-28 14:27  小白咚  阅读(115)  评论(0编辑  收藏  举报