AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法
技术要点：
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>
智能推荐
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。