AnjularJS中$scope和$rootScope的区别小结

前端之家收集整理的这篇文章主要介绍了AnjularJS中$scope和$rootScope的区别小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一句话总结:

$rootScope针对全局的作用域生效

$scope只针对当前的controller作用域生效

用下面的例子来证明上述的说法:

定义一个模块名为myApp

创建oneController和twoController这两个controller

oneController传入$scope和$rootScope

显示 $scope.one_language = 'Python';

// 全局的变量,都可以调用
$rootScope.language = 'Go';
}]);

twoController只传入$scope

显示 $scope.two_language = 'Java'; }]);

HTML标签内容

div{margin-top: 15px;border: 2px solid rebeccapurple;width: 400px;}

我是全局变量language: {{ language}}

我是one_language局部变量: {{ one_language}}
twoController

我是two_language局部变量: {{ two_language }}

我是one_language局部变量: {{ one_language}}

我是全局变量language: {{ language }}

显示的结果

总结

以上就是这篇文章的全部内容,请仔细看看上面的代码,这有助于你理解。如果有疑问大家可以留言交流,谢谢大家对编程之家的支持

原文链接:https://www.f2er.com/js/45774.html

猜你在找的JavaScript相关文章