手机版

AnjularJS中$范围和$rootScope的区别小结

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

一句话总结:

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

$范围只针对当前的控制器作用域生效

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

定义一个模块名为myApp

var myApp=angular.module('myApp ',[]);创建oneController和双控制器这两个控制器

oneController传入$范围和$rootScope

myapp。控制器(' oneController ',['$scope ',' $rootScope ',函数($scope,$rootScope) { //局部的变量,只有在oneController中才会显示$ scope.one _ language=' Python//全局的变量,都可以调用$ root scope . language=' Go }]);双控制器只传入$范围

myapp。控制器('两个控制器',['$scope ',函数($scope) { //局部的变量,只有在双控制器中才会显示$ scope . two _ language=' Java }]);超文本标记语言标签内容

span ng-app=' myApp ' style div { margin-top : 15px;border: 2px固体丽贝卡紫;宽度: 400像素;}/样式分区h3我是全局变量语言: { { language } }/H3/div ng-controller=' oneController ' H3我是单一语言局部变量: { { one _ language } }/H3/div ng-controller='双控制器' h12控制器/h1 H3我是两种语言局部变量: {{ two_language }}/h3 h3我是单一语言局部变量: {{ one_language}}/h3 h3我是全局变量语言: { { language } }/H3/div/span显示的结果

总结

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

版权声明:AnjularJS中$范围和$rootScope的区别小结是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。