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

来源:互联网 发布:北部战区山东知乎 编辑:程序博客网 时间:2024/05/16 13:45

技术要点:

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>
显示效果:




0 0
原创粉丝点击