<!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>
AngularJS--day02控制器
最新推荐文章于 2024-07-20 18:16:53 发布