您的位置：首页 > Web前端 > AngularJS

angularjs中$scope和$rootscope的区别

2016-07-17 00:00 316 查看

摘要: $scope和$rootscope的区别

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

JavaScript代码：

var demo = angular.module('demo', []);
demo.controller('MainController', function ($scope, $rootScope) {
$rootScope.name = '张三';
$scope.data = "hello world";
})

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>01简单的AngularJS程序</title>
</head>
<body>

<div ng-app="demo">
<!--$rootScope有效，但是MainController的作用域无效-->
<span>{{name}}</span>
<span>{{data}}</span>
<div ng-controller="MainController">
<!--$rootScope有效，但是MainController的作用域也有效-->
<span>{{name}}</span>
<span>{{data}}</span>
</div>
</div>

</body>
</html>

运行结果：

张三
张三 hello world

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： $scope $rootscope

相关文章推荐

新的分享

章节导航