<!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>