angularjs中scope与rootscope 区别

最新推荐文章于 2024-03-19 00:04:10 发布

weixin_34334744

最新推荐文章于 2024-03-19 00:04:10 发布

阅读量113

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/lixiaoyan/blog/882151

版权

2019独角兽企业重金招聘Python工程师标准>>>

scope是html和单个controller之间的桥梁，数据绑定就靠他了。rootscope是各个controller中scope的桥梁。用rootscope定义的值，可以在各个controller中使用。下面用实例详细的说明一下。

<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <title>angular $rootscope的应用</title>
</head>

<body>
    <div ng-controller="mycontroller">
        我是第一个控制器<span>{{$root.arr}}</span>
    </div>
    <div ng-controller="mycontroller1">
        我是第二个控制器<span>{{$root.arr}}</span>
        我是第二个控制器<span>{{arr}}</span>
    </div>
</body>
<script type="text/javascript" src="js/jquery_1.9.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp', []);
myApp.controller("mycontroller", ['$scope', '$rootScope', function($scope, $rootScope) {
    $rootScope.arr = 'this a book'
    
}])
myApp.controller("mycontroller1", ['$scope', '$rootScope', function($scope, $rootScope) {
    $scope.arr = $rootScope.arr;
}])
</script>

</html>

显示结果: 我是第一个控制器This a book 我是第二个控制器This a book 我是第二个控制器This a book

转载于:https://my.oschina.net/lixiaoyan/blog/882151