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

最新推荐文章于 2024-01-25 00:39:15 发布

bboyjoe

最新推荐文章于 2024-01-25 00:39:15 发布

阅读量1k

点赞数

分类专栏： AngularJS 文章标签： angularjs

本文链接：https://blog.csdn.net/bboyjoe/article/details/50428632

版权

AngularJS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

技术要点：

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>

显示效果：

bboyjoe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法

技术要点：1)$scope代表指定控制器内的数据模型；2)$rootScope代表全局作用域的数据模型；3)控制器可以实现继承；4)依赖注入时可以实现代码压缩；5)run方法初始化全局的数据，只对全局作用域起作用，如$rootScope Angular基础 {{name}} {{age}}
复制链接

扫一扫