您的位置：首页 > Web前端 > AngularJS

AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法

2015-12-29 18:56 891 查看

技术要点：

1)$scope代表指定控制器内的数据模型；

2)$rootScope代表全局作用域的数据模型；

3)控制器可以实现继承；

4)依赖注入时可以实现代码压缩；

5)run方法初始化全局的数据，只对全局作用域起作用，如$rootScope

<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>Angular基础</title>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="firstCtrl">
{{name}}
{{age}}
<div ng-controller="secondCtrl">
{{name}}
{{age}}
{{sex}}
</div>
</div>
{{sex}}

</div>
<script src="angular.min.js"></script>
<script type="application/javascript">
var myApp=angular.module('myApp',[]);
myApp.controller('firstCtrl',['$scope',function($sc){
$sc.name="张三丰";
}]);
myApp.controller('secondCtrl',['$scope','$rootScope',function($sc,$rsc){
$sc.name="灭绝师太";
$rsc.age=108;
}]);
myApp.run(['$rootScope',function($rsc){
$rsc.sex='男';
}]);

</script>
</body>
</html>

显示效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航