AngularJS $rootScope根作用域,直接运行(run())(优先执行)

最新推荐文章于 2024-05-15 19:42:35 发布
最新推荐文章于 2024-05-15 19:42:35 发布
阅读量1.6k 收藏
点赞数
分类专栏： AngularJS 文章标签： angularjs rootScope 根作用域 run
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houyanhua1/article/details/80155872
版权


demo.html：

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS</title>  
    <script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->  
</head>  
<body ng-app="App">  
    <div ng-controller="DemoController">
    	<h3>{{name}}</h3>
    </div>
    <script>  
        var App = angular.module('App',[]);

        // 通过run方法直接运行(模块)。（优先执行） $rootScope根作用域
        App.run(['$rootScope',function($rootScope) {
        	$rootScope.name = '张三';  // $rootScope根作用域(全局作用域)
        }]);

        // 控制器
        App.controller("DemoController",['$scope',function($scope) {
        	$scope.name = '覆盖根作用域中的变量';  //每个控制器相当于function。 $scope覆盖$rootScope中的变量  (作用域链)
        }]);
   
    </script>  
</body>  
</html>


houyanhua1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular之中，$state $watch $scope $rootScope 分别是什么？
learning_web的博客
06-27 408
这里是修真院前端小课堂，每篇分享文从 八个方面深度解析前端知识/技能，本篇分享的是： 【angular之中，$state $watch $scope $rootScope 分别是什么？ 】 1.背景介绍 AngularJs是一个用于设计动态web应用的结构框架,使得开发现代的单一页面应用程序变得更加容易。而且能够简化我们的工作流程， 让我们只专心于业务逻辑和数据的处理。$scope $root...
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
10-20
2. **$rootScope（根作用域）** - $rootScope是AngularJS应用中的顶级作用域，它是所有其他scope的祖先。在应用启动时，AngularJS自动创建$rootScope。 - 所有的scope都是$rootScope的子级，形成了一个作用域树。...
关于AngularJS学习整理---浅谈$scope(作用域) 新手必备！
weixin_33916256的博客
02-16 769
　　作为初次接触 AngularJS的新手，想要深层理解里面的内容短时间还是不可能的，所以标题写了浅谈字样，以下内容是参考各位大神以及相关书籍整理加个人理解，出现错误的地方请大家指正。 　　$scope(作用域)，为AngularJS中MVC的核心，整理起来很麻烦， 看着大神们发的一些文章对于$scope的理解，有些方面还是看不懂，作为新手，应该站在新手的位置上去思考，所以这篇文章的目的，...
AngularJS进阶(二十一)Angularjs中scope与rootscope区别及联系_rootscoop的用法js
最新发布
2401_84616838的博客
05-15 372
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】我特地针对初学者整理一套前端学习资料]);
angular 页面调用 $rootScope 变量
weixin_30765475的博客
07-07 115
　　大家都知道 $rootScope 是全局作用域，保存到此作用域的变量，所有该模块的控制器局部作用域下都能访问到，那么问题来了，如果全局作用域的变量名与局部作用域的名称一样，那么该如何区分调用呢？？？ 　　方法还是很简单的：调用全局作用的变量，只需要在变量前加 $root 即可。 <!DOCTYPE html> <html ng-app='myApp'> ...
理解angular中$rootscope和$scope
05-05 6205
不难理解，rootscope类似于js中的全局变量、rootscope类似于js中的全局变量、scope类似于局部变量 var a=1; function fn(a) { a=3; //a是函数的参数 } fn(2); console.log(a);//1var tt = 'aa'; function test(){ alert(tt); //
AngularJs $rootScope.Scope区别
大碍桃花开
12-06 343
$rootScope.Scope 可以使用injector通过injector通过injector通过rootScope关键字检索的一个根作用域。 可以通过$new()方法创建子作用域。（大多子作用域是在HTML模板被执行编译时自动生成） 格式：$rootScope.Scope(Providers,instanceCache) 方法： $new(isolate); 创建一个新的子作用域。 父作用域...
深入探究AngularJs之$scope对象（作用域）
10-19
因此，在DOM树中，随着ng-controller指令的使用，会产生多个作用域，形成以$rootScope为根的作用域树，与DOM树结构相似。 2. ng-repeat指令：此指令用于遍历数组或对象，并在列表中重复元素。在上面的例子中，ng-...
关于angularJs指令的Scope(作用域)介绍
12-06
当`scope`设置为一个空对象时，AngularJS会创建一个与父作用域完全隔离的新作用域，这个新作用域与父作用域之间没有直接的数据关联。这种方式允许指令独立于外部环境工作，不依赖父作用域的数据。此时，我们可以使用...
第五讲：index7多个控制器.html
qq_35363709的博客
04-26 961
Title                                                                                                                 var app = angular.module("myApp", []);
angularjs中的$scope和$rootScope
王凯凯凯凯的前端之路
03-26 971
（1）每个控制器的实例都对应一个作用范围对象，即$scope （2）在控制器中声明的Model数据，必须保存在一个作用范围内 （3）一个HTML中可以声明多个控制器实例，每个控制器都有自己的作用范围，这些范围内的数据彼此隔离不会互相影响，可以由不同的开发人员来编写 （4）为了在多个控制器间共享数据，可以将Model数据保存在一个全局作用范围内----$rootScope，整个AngularA
Angular入门 03-$scope作用域、数据绑定
Sophie_U的博客
01-23 1015
一、作用域 Scope1.1 什么是作用域 基于动态绑定，我们可以依赖视图在修改数据时立刻更新$scope，也可以依赖$scope在其发生变化时立刻重新渲染视图。 AngularJS将$scope设计成和DOM类似的结构，因此$scope可以进行嵌套，也就是说我们可以引用父级$scope中的属性。 1.2 作用域的作用 作用域有如下基本功能： 1、提供观察者$watc
angular , $state、$watch、$scope、$rootScope分别是什么？
Andrew_Chenwq的博客
06-28 441
在平时的编码中，我们总会想着有什么方法能够简化我们的工作流程，让我们只专心于业务逻辑和数据的处理，而angularjs就为我们程序员实现了这一点。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。下面，我们将要讨论的就是angularJS里面的$scope$rootScope$watch和$state。
Angularjs-$rootScope
weixin_30532973的博客
05-09 104
所有的应用都有一个$rootScope，它可以作用在ng-app指令包含的所有 HTML 元素中。 $rootScope可作用于整个应用中。 是各个 controller 中 scope 的桥梁。 用 rootscope 定义的值，可以在各个 controller 中使用。 试一下 各种情况....... <body><div ng-app="myApp"&gt...
angularjs-------作用域$rootScope ,$scope
Y4258的博客
02-19 208
把控制器存储到外部文件 <body> <div ng-app="myApp" ng-controller="myCtrl"> <h1>{{lastname}}</h1> <input ng-model="llr"> <h1>{{llr}}</h1> <h1>{{last}}</h1> 结合：{{fullName()
AngularJS RootScope 源码分析
不断成长的我
08-11 1624
AngularJS RootScope  源码分析 预备知识：Provider 中的 $get 属性 说起这个$get属性,是每个系统provider都有的,主要是先保存要实例化的函数体，等待instanceinjector.invoke的时候来调用，因为$get的代码比较多，所以先上要讲的那部分,大家可以注意到了，在$get上面有一个digestTtl方法 this.diges
JavaScript的function获取AngularJS的$scope对象
全幼稚园最可爱
09-06 1555
AngularJS声明controllerapp.controller('businessCtrl', function($scope, $http) { ...... ...... });JavaScript的function获取AngularJS的$scope对象var appElement = document.querySelector("[ng-controller=bus
先执行angular.module 然后执行ngApp
殇沫流年的专栏
08-26 3015
angular.module angular.module可在全局位置创建、注册、获取Angular模块。所有模块（angular核心或第三方）都必须使用这个机制注册才能在应用中生效。 ngApp 使用这个指令自动载入，启动一个AngularJS应用。 ngApp 指令设计为应用的根元素，一般把它放在页面的根元素附近，例如或标签。 每个HT
在angular中 function中的$scope和$rootscope有什么区别
John的专栏
06-17 6268
scope是angularJS中的作用域(其实就是存储数据的地方)，很类似javascript的原型链 。搜索的时候，优先找自己的scope，如果没有找到就沿着作用域链向上搜索，直至到达根作用域rootScope。 　　$rootScope是由angularJS加载模块的时候自动创建的，每个模块只会有1个rootScope。rootScope创建好会以服务的形式加入到 $injector中。
vue中$refs的作用域
09-09
在Vue中，`$refs`是一个特殊的属性，用于访问在模板中使用`ref`指令声明的子组件或DOM元素。...总结起来，Vue中的`$refs`提供了一种方便的方式来直接访问子组件或DOM元素，但是需要注意作用域限制和渲染时机的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值