首页
学习
活动
专区
圈层
工具
发布

AngularJS Scope(作用域)

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。...---- 如何使用 Scope 当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递: AngularJS 实例 控制器中的属性对应了视图上的属性: <div ng-app...---- Scope 概述 AngularJS 应用组成如下: View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据。...在以上两个实例中,只有一个作用域 scope,所以处理起来比较简单,但在大型项目中, HTML DOM 中有多个作用域,这时你就需要知道你使用的 scope 对应的作用域是哪一个。...---- 根作用域 所有的应用都有一个 $rootScope,它可以作用在 ng-app 指令包含的所有 HTML 元素中。 $rootScope 可作用于整个应用中。

1.8K20

【AngularJS】—— 12 独立作用域

前面通过视频学习了解了指令的概念,这里学习一下指令中的作用域的相关内容。 通过独立作用域的不同绑定,可以实现更具适应性的自定义标签。...本篇将会总结下面的内容:   1 为何需要独立作用域   2 如何实现独立作用域   3 作用域的数据绑定 之前有一些错误,是由于replace拼写错误导致的。...独立作用域的作用   为了便于理解,先看一下下面这个例子: 作用域了。 如何实现独立作用域   下面看看独立作用域的效果: AngularJS有了三种自定义的作用域绑定方式:   1 基于字符串的绑定:使用@操作符,双引号内的内容当做字符串进行绑定。   2 基于变量的绑定:使用=操作符,绑定的内容是个变量。

1.6K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularJs之Scope作用域

    此外,还可以通过 AngularJS 提供的创建作用域的工厂方法来创建一个作用域。这些作用域都拥有自己的继承上下文,并且根作用域都为$rootScope。   ...继承作用域   AngularJS 在创建一个作用域时,会检索上下文,如果上下文中已经存在一个作用域,那么这个新创建的作用域就会以 JavaScript 原型继承机制继承其父作用域的属性和方法。   ...子作用域有实例数据对象,则不访问父作用域。 独立作用域   独立作用域是 AngularJS 中一个非常特殊的作用域,它只在 directive 中出现。...AngularJS 独立作用域的数据绑定   在继承作用域中,我们可以选择子作用域直接操作父作用域数据来实现父子作用域的通信,而在独立作用域中,子作用域不能直接访问和修改父作用域的属性和值。...为了能够使孤立作用域也能和外界通信,AngularJS 提供了三种方式用来打破独立作用域“孤立”这一限制。

    1.9K30

    angularJS学习之路(四)---作用域(1)

    这里提到的“作用域”的概念,是一个在范围上与 DOM 结构一致,数据上相对于某个 $scope 对象的属性的概念。... 上面的代码中,我们给一个 div 元素指定了一个 BoxCtrl ,那么, div 元素之内,就是 BoxCtrl 这个函数运行时, $scope 这个注入资源的控制范围 作用域很关键...,因为它涉及到表达式的上下文    首先要知道   $scope 的意思或者作用:  $scope 作用是:定义应用业务逻辑、  控制器方法   、视图属性 作用域 : 是动态绑定的  这个是angularjs...框架的一个好处  :无论是在客户端进行视图修改还是在依赖发生变化时   视图都会被重新渲染 作用域  :监视数据模型变化   当然指的是在它的范围内 作用域:发送变化时  由apply机制实现通知 作用域...:界定范围是由  ng-app 元素确定的,这个被应用的元素和它内部的所有元素   都在这个$scope 范围内 作用域包含作用域   类似   继承  这个概念 代码: <!

    38940

    angularjs 控制器、作用域、广播详解

    二、作用域 angularJs的MVC是借助$scope来实现的! 先来看一段代码: <!...是所有$scope的最上层, ($rootScope也是angularJs中最接近全局作用域的对象,在$rootScope上附加太多业务逻辑并不是好主意,这与污染javaScript的全局作用域是一样的...,但作用域是有层次的,所以我们可以在作用域上通过广播来传递事件。...Angularjs中不同作用域之间可以通过组合使用$emit,$broadcast,,$on的事件广播机制来进行通信 $emit的作用是将事件从子级作用域传播至父级作用域,包括自己,直至根作用域。...格式如下:$emit(eventName,args) $broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。

    2.2K51

    angularjs学习第九天笔记(指令作用域【隔离作用域】研究)

    您好,昨天学习了指令作用域为布尔型的情况, 今天主要研究其指针作用域为{}的情况 1、当作用域scope为{}时,子作用域完全创建一个独立的作用域,   此时,子做预约和外部作用域完全不数据交互   但是...: 隔离的子作用域和外部作用域实现单向数据绑定,       及外部对应值改变,子作用域值也改变,子作用域值改变父作用域值不改变 其二、“=”:      格式为:       scope{         ...属性名称:"@"       }     子外作用域数据交互表现:       隔离的子作用域和外部作用域实现双向数据绑定,       及外部对应值改变,子作用域值也改变,子作用域值改变父作用域值也改变...,       及子作用域可以调用外部作用域函数 下面来一个练习: scope={&}时,隔离的子作用域和外部作用域实现实现函数交互, 及子作用域可以调用外部作用域函数

    61720

    angularjs学习第九天笔记(指令作用域【隔离作用域】研究)

    您好,昨天学习了指令作用域为布尔型的情况, 今天主要研究其指针作用域为{}的情况 1、当作用域scope为{}时,子作用域完全创建一个独立的作用域,   此时,子做预约和外部作用域完全不数据交互   但是...: 隔离的子作用域和外部作用域实现单向数据绑定,       及外部对应值改变,子作用域值也改变,子作用域值改变父作用域值不改变 其二、“=”:      格式为:       scope{         ...属性名称:"@"       }     子外作用域数据交互表现:       隔离的子作用域和外部作用域实现双向数据绑定,       及外部对应值改变,子作用域值也改变,子作用域值改变父作用域值也改变...,       及子作用域可以调用外部作用域函数 下面来一个练习: scope={&}时,隔离的子作用域和外部作用域实现实现函数交互, 及子作用域可以调用外部作用域函数

    47520

    angularjs学习第八天笔记(指令作用域研究)

    其对于的模块单元都有着其对于的作用域,其中作用域一般有两种情况: 其一、继承父级作用域;其二、自己完全独立开辟一个新的作用域。...angularjs其作用域通过scope来实现,其取值有三种情况:true、false、{} 其默认值是false:学习也就针对这3种情况进行研究 其一、scope=false   和父级完全共用一个作用域...其二、scope=true   创建了一个新的 作用域,初始化时继承父作用域   表现形式:当子作用域属性值不改变一直使用父作用域对应的属性值   一旦子作用域的属性值发生改变,就在受父作用域影响...,初始化时继承父作用域 表现形式:当子作用域属性值不改变一直使用父作用域对应的属性值...一旦子作用域的属性值发生改变,就在受父作用域影响 但是:这一切的前提是:数值是值类型(字符串、布尔、数值) 也就是说:当数值为应用类型(obj)时其实和

    48110

    作用域与作用域链

    作用域与作用域链 通常来说,一段程序代码中所用到的名字并不总是有效或可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域scope。...如果一个变量或者其他表达式不在当前的作用域,则将无法使用。作用域也可以根据代码层次分层,以便子作用域可以访问父作用域,通常是指沿着链式的作用域链查找,而不能从父作用域引用子作用域中的变量和引用。...作用域 JavaScript作用域为静态作用域static scope,也可以称为词法作用域lexical scope,其主要特征在于,函数作用域中遇到既不是参数也不是函数内部定义的局部变量时,去函数定义时上下文中查...,也就是声明时即规定作用域,而假如是动态作用域的话在此处会打印2。...作用域、localContext作用域、Global作用域,总结来说,当需要使用函数或者变量时,如果在当前作用域中没有查到值,就会向上级作用域去查,直到查到全局作用域,这样一个查找过程形成的链条就叫做作用域链

    2.3K20

    java作用域-什么是JavaScript作用域、作用域链?

    作用域、作用域链也是面试中出镜率很高的问题之一java作用域java作用域,同时也是中最重要的基础概念之一。   ...今天我们将通过最简单实际的代码来展示函数作用域和全局作用域,在下篇文章中,我们将介绍块级作用域和暂时性死区。   ...作用域基本知识   简单来说,作用域就是用来规定变量的作用范围的,在任何语言当中都会有作用域的概念,在ES6以前,只有函数作用域和全局作用域,ES6之后又增加块级作用域。   ...函数作用域和全局作用域   函数作用域非常简单,比如,执行下面的foo函数,变量a在函数foo的作用域内,所以在函数内可以正常的访问该变量,输出bar    function foo()...,就会就近首先在函数内查找变量是否声明赋值,如果函数内无法找到该变量,就跳出当前函数作用域,到上层作用域中进行查找,这里的上层作用域可能是也是一个函数作用域,也可能是全局作用域。

    2.3K20

    java作用域-javaScript预编译、作用域,作用域链详解

    ES5中只分为全局作用域和函数作用域java作用域,也就是说for,if,while等语句是不会创建作用域的。ES6(let,const)除外。   ...[[scope]]指的就是我们所说的作用域,其中存储了前面说的执行期上下文的集合,这个属性是在函数被定义的时候就创建   作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链式链接...,我们把这种链式链接叫做作用域链。   ...寻找变量的过程就是从变量作用域链开始查找的,如果在当前的变量作用域没找到,那么就去上一个变量作用域里面去早   作用域链创建的过程:   预编译   先来理解一下预编译,看例子:   ...需要注意的时候,函数存储被定义时的上下文的时候java作用域,只是存储的是一个引用,而不是副本,正是因为这样,才能形成作用域链,当函数在本函数的AO对象找不到的时候,就沿着本函数的[[scope]]存储的上一个作用域的变量对象的引用到上一个作用域里面去早

    1.7K40

    静态作用域和动态作用域

    静态作用域和动态作用域 所谓作用域规则就是程序解析名字的方法。...当然,采用动态作用域规则的语言也会不断向外层作用域寻找名字,所以对下面这个表达式求值,无论是采用静态作用域规则还是动态作用域规则,其结果都是 2: (let ((a 1)) (let ((doubleA...分别实现两种作用域 下面要谈到的是对于一个解释器来说,这两种作用域应该分别怎么实现 2,当然,刚刚也说了,动态作用域其实没什么好处,这么做其实纯粹是为了好玩。...通过这个方式,我们就可以实现静态作用域了。当我们在当前作用域中找不到一个变量的绑定时,我们就会在捕获到的环境中向外查找,直到找到或是没有更外层的作用域为止。...正如前文所述,动态作用域的实现其实是求值环境的动态绑定,要在一个静态作用域的语言中模拟出这个效果,我们可以自己用一个类管理这个环境。

    2.5K10

    作用域、执行环境、作用域链

    作用域,之前有介绍过,JavaScript无块级作用域,只有函数作用域,简单点说就是JavaScript的作用域就是函数作用域。因为有函数作用域,所以我们有全局作用域和局部作用域的说法。...当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。...当fun1执行的时候创建了一个作用域链,所以fun1有两个变量对象,一个是自己,一个是全局环境的变量对象window。fun1可以在函数内部访问变量a,因为fun1所在的作用域链可以找到变量a。...,作用域链中的内部环境可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数。...作用域链中,每一个局部环境都会首先寻找自身环境中的属性和方法,搜索到了就停止寻找,没有找到再向上搜索直到最外层window还搜索不到就报错。 (完)

    1.8K30

    JS作用域和作用域链

    JS中的作用域就是在一定的空间范围内对数据进行读写操作。 在JS中一个变量的作用域(scope)是程序中定义这个变量的区域。 变量有全局变量和局部变量两种。...下面就要借助JS的作用域链来更好的理解作用域了。 在此之前,先要明确个概念,即执行环境和作用域是两个完全不同的概念。 函数的每次调用都有与之紧密相关的作用域和执行环境。...作用域链包含了执行环境栈中的每个执行环境对应的变量对象。通过作用域链,可以决定变量的访问和标识符的解析。 注意:全局执行环境的变量对象始终都是作用域链的最后一个对象。...搜索过程始终从作用域链的前端开始,然后逐级地向后(全局执行环境)回溯,直到找到标识符为止。 此外还要讲下JS作用域中的块级作用域。 JS中是没有块级作用域这个概念的。 什么是块级作用域呢?...JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。 那么JS又该怎么拥有块级作用域呢?

    4.8K30

    JavaScript作用域及作用域链

    静态作用域 作用域 作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。 JavaScript 采用词法作用域(lexical scoping),也就是静态作用域。...因为 JavaScript 采用的是词法作用域,函数的作用域在函数定义的时候就决定了。 而与词法作用域相对的是动态作用域,函数的作用域是在函数调用的时候才决定的。...总之一句话: 函数的作用域在函数定义的时候就决定了 函数会沿着作用域链去查找变量。 那么为什么 JavaScript 是静态作用域呢?JavaScript 引擎是怎么处理函数的呢?..., 用 arguments 创建活动对象, 初始化活动对象,即加入形参、函数声明、变量声明, 将活动对象压入 checkscope 作用域链顶端(执行至此,该函数的作用域链才完整)。...这样由多个执行上下文的变量对象构成的链表就叫做作用域链。 由上可知,作用域链是由 变量对象/活动对象 构成的。 活动变量 变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明。

    1.9K40

    全局作用域、函数作用域、块级作用域的理解

    1.前言 作用域是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。很惭愧,我今天才深入理解JS的作用域..我不配做一个程序员.....开玩笑,什么时候理解都不晚,重要的是理解了以后能不能深深地扎在记忆里,不能,那就写下来 2.块级作用域 在一个代码块(括在一对花括号中的一组语句)中定义的所有变量在代码块的外部是不可见的。...来,拋一个典型的问题出来,你就明白块级作用域出现的重要性了。...在ES5时代,还没有块级作用域这个概念,但是当时也有一种解决方法,那就是.. .. .. .. .....、以及块级作用域出现的意义,方便更好的记住。

    3.6K10

    JavaScript 作用域和作用域链

    content {:toc} JavaScript 作用域 作用域就是变量与函数的可访问范围。在JavaScript中,变量的作用域有全局作用域和局部作用域两种。...---- 全局作用域(Global Scope) 在代码中任何地方都能访问到的对象拥有全局作用域,一般来说以下 3 种情形拥有全局作用域。...局部作用域(Local Scope) 和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域称为函数作用域 。 如 1....---- 再补充几个例子 全局作用域,函数作用域,eval作用域 var a = 10; // 全局 (function() { var b = 20;// 函数 })(); console.log...理解 JavaScript 作用域和作用域链 JavaScript 深入浅出-慕课网

    2.1K10
    领券