什么是作用域?

Angular中作用域(scope)是模板以及工作的上下文环境,作用域中存放了应用模型和视图相关的回调行为。作用域是层次化结构的与相关联的DOM结构相对应。作用域可以观察表达式以及传播事件。

  原文: scope is an object that refers to the application model. It is an execution context for expressions. Scopes are arranged in hierarchical structure which mimic the DOM structure of the application. Scopes can watch expressions and propagate events.

作用域的特性

  作用域提供了相关的APIs($watch)来监控模型的状态并且将Angular系统(视图、服务、事件处理器)内部的模型的变化同步到视图。

作用域可以嵌套来控制应用组件对模型属性的访问。嵌套的作用域可以是“父子”关系或者"同级"关系。子作用域可以继承父作用域的属性,相邻作用域是互补可见的。

作用域提供了表达式的上下文环境。例如表达式{{username}}只有在定义了username属性的作用域中才有意义。

作用域作为数据模型

  作用域是连接Angular控制器和视图的中间地带。指令会在模板链接阶段(linking)在作用域中建立对表达式的监控($watch)服务。这样$watch就可以将模型属性的变化情况及时通知给指令从而更新视图。

控制器和指令只能通过作用域连接,不可以直接关联。这样就实现了控制器和视图的解耦。这样就可以实现一套模型绑定多个视图,也提高了前端代码的可测性。

转载于:https://www.cnblogs.com/JinQuanLi/p/6543102.html

Angular讲义 ---作用域相关推荐

  1. Angular NgModule 作用域相关问题

    NgModule 是你使用 Angular 编写应用程序时遇到的第一个基本结构,但由于涉及不同的作用域范围,它也是最微妙和最复杂的.如果你想详细了解 NgModule 的相关知识,可以直接参考 Ang ...

  2. Angular企业级开发(3)-Angular MVC实现

    1.MVC介绍 Model-View-Controller 在20世纪80年代为程序语言Smalltalk发明的一种软件架构.MVC模式的目的是实现一种动态的程序设计,使后续对程序的修改和扩展简化,并 ...

  3. AngularJS 快速编程入门

    什么是 AngularJS 最为核心的概念: MVVM.模块化.自动化双向数据绑定.依赖注入.内部指令.语义化标签. 官网: https://docs.angularjs.org/ 安装文件 angu ...

  4. angularjs笔记,基本指令,字符串反转,过滤器

    1. Angular指令     * Angular为HTML页面扩展的: 自定义标签属性或标签     * 与Angular的作用域对象(scope)交互,扩展页面的动态表现力 2. 常用指令(一) ...

  5. 关于微信公账号H5 API 调用的坑 BUG

    页面A已经配置过,如果是单页面跳转,则页面B可以共享当前的SDK配置(至少菜单是这样的) 刷新页面,原先的菜单仍然会保持原样,只是调用SDK已经失效了,需要重新配置,重新配置后,菜单仍然会保持原样(如 ...

  6. Java开发快递物流项目(6)

    前端系统(AngularJS ).用户注册  短信平台.Redis .MQ 一.前端AngularJS 1)ng-app 在任何元素上使用,代表 angular 应用作用域 ng-controller ...

  7. Angular 中得 scope 作用域梳理

    2019独角兽企业重金招聘Python工程师标准>>> $scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope ...

  8. 《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记

    <疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践>学习笔记 二〇一九年二月十三日星期三2时28分54秒 前提:本书适合有初步HTML.CSS.JavaScri ...

  9. Angular开发者指南(六)作用域

    什么是作用域? 作用域是引用应用程序模型的对象. 它是表达式的执行上下文. 作用域以层次结构排列,模仿应用程序的DOM结构,它可以观察表达式和传播事件. 作用域的特征 Scope提供API($watc ...

最新文章

  1. Linux01-Linux编辑内核定制属于自己的内核49
  2. Boost:字符串裁剪Trim的测试程序
  3. Leet Code OJ 70. Climbing Stairs [Difficulty: Easy]
  4. 在Windows上,迁移VisualSVN server
  5. 左斜杠和右斜杠有什么区别_「斜杠云」SEO推广和SEO优化有什么区别?
  6. Android有道词典查询功能
  7. Java面试之设计模式七大原则
  8. Appium appium android 6.0+ 微信 @driver.available_contexts 返回 webview_undefined 问题
  9. 加个ing是什么意思_用quot;ing形式quot; 统称 动名词 和 现在分词 可以吗
  10. observer 观察者模式
  11. 机器学习算法基础1-数据的特征工程
  12. Java网络编程——客户端Socket
  13. python调用IP摄像头
  14. WM_SIZING 使用说明
  15. mongodb查询某个字段数据
  16. k8s serviceAccountName填写后应用没有进行挂载问题处理
  17. Cartographer论文精读-Real-Time Loop Closure in 2D LIDAR SLAM
  18. evolution ubuntu邮箱_Ubuntu evolution 邮件客户端配置详解(图)
  19. 三星android5 root包,三星N9200刷国行系统(含五件套root权限recovery SuperSU)
  20. 切片软件 cura linux,Ubuntu系统入门教程-3D打印切片软件cura

热门文章

  1. php各种变量特点,(二)PHP语法的特点,变量,常量
  2. python加载csv文件去重_用python读写和处理csv文件
  3. matlab plot symbol,导入时出错matlab.引擎不导入ubuntu16.04上python3.5.2中的matplotlib。为什么?...
  4. 软考高级报考,科目思维导图概览和介绍
  5. 第 45 届国际大学生程序设计竞赛(ICPC)亚洲区域赛(济南):签到题A Matrix Equation(高斯消元求线性异或方程组自由元个数)
  6. 【NOILinux】VmWare15使用技巧
  7. 计算机2010ppt试题,计算机Office2010 PPT试题.doc
  8. 人工智能建立本体库_本体:一文读懂领域本体构建
  9. JavaScript文档DOM对象处理HTML→document属性方法、write、getElementBy**、getsetAttribute、节点操作方法、innerHTML、操作CSS样式属性
  10. 心电图数据结构化标准_自己实现一个类 JSON 数据结构