AngularJS的$rootScope和$scope联系和区别

最新推荐文章于 2020-12-21 05:04:47 发布

bangan4949

最新推荐文章于 2020-12-21 05:04:47 发布

阅读量216

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/myhusky/p/5318796.html

版权

　　scope是html和单个controller之间的桥梁，数据绑定就靠他了。

　　rootscope是各个controller中scope的桥梁。用rootscope定义的值，可以在各个controller中使用。

　　直接上代码

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <title>scope</title>
        <script src="../js/angular.js"></script>
    </head>
    
    <body>
        <div ng-controller="TestCtrl">  
            $root.name是<strong>{{$root.name}}</strong>  
        </div>  
          
        <div ng-controller="Test111Ctrl">  
            $root.name是<strong>{{name}}</strong><br>  
            $scope.name是<strong>{{$root.name}}</strong>  
        </div>     
        <script>
            var app = angular.module('myApp', []);
            app.controller('TestCtrl',function($scope,$rootScope) {  
                    $rootScope.name = 'this is test';  
                }  
            );  
              
            app.controller('Test111Ctrl',function($scope,$rootScope) {  
                    $scope.name = $rootScope.name;  
                }  
            ); 
        </script>
    </body>
    
    
</html>

注意一点：在html代码里面用$root取$rootScope的属性方法

转载于:https://www.cnblogs.com/myhusky/p/5318796.html

bangan4949

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS的$rootScope和$scope联系和区别

　　scope是html和单个controller之间的桥梁，数据绑定就靠他了。　　rootscope是各个controller中scope的桥梁。用rootscope定义的值，可以在各个controller中使用。　　直接上代码<!DOCTYPE html><html ng-app="myApp"> <head> ...
复制链接

扫一扫