angualar入门学习-- 作用域$scope

作用域$scope:

是ng执行环境,视图与controller之间的胶水,双向绑定的基础

$scope提供里$watch方法,监听数据模型变化

$scope提供里$apply方法,将数据模型变化更新到视图上

1. $scope树形结构

子作用域可以添加到父作用域(类似于DOM结构),根作用域$rootScope.

可以写          $scope.$parent  父作用域

还可以写     $scope.$parent.$parent  父作用域的父作用域(有可能就到了根作用域$rootScope)(若存在,不存在为null)

2.$scope的继承性(类似于javascript的原型继承)

3.会创建$scope(子作用域)的指令

1) ng-controller\ ng-repeat\ng-switch\ng-view\ng-include;

2) directive()定义的指令,如果返回的指令配置对象中设置scope属性为对象时,则创建了一个孤立scope

时间: 2024-10-22 11:26:22

angualar入门学习-- 作用域$scope的相关文章

angualar入门学习-- 自定义指令 指令编译执行过程

3个阶段: 一.加载阶段 加载angular.js的源码,找到ng-app确定应用边界范围. 二.编译阶段 compile 查找所有指令,保存在一个列表中 对所有指令按优先级(property属性值)排序,根据指令的配置参数(template.transclude等)转换为DOM,使指令初具形态. 三.链接阶段 link 执行合体后的link函数.link一般用来操作DOM.绑定事件监听. 为每条指令运行link函数,即将view和scope链接起来,数据绑定:通过在数据上注册监听器来动态修改s

angularjs入门学习【应用剖析中篇】

在上一节讲完了关于应用开发中如数据绑定,添加样式一类的基础操作后,接下来,将在应用中,与控制其有关的一些事件... 一.UI和控制器的分离 我们需要明确控制器在应用中的三个作用: [1]在应用模型中设置初始状态 [2]通过$scope对象向视图(UI模版)暴露函数和模型 [3]监视模型发生变化的其他部分并做出相应的动作 二.发布scope中的数据模型 传递给控制器的$scope对象是一种用来向视图暴露模型数据的机制.在我们构建的应用中可能有其他数据,但是通过scope传递这些属性时,angula

angularjs入门学习【指令篇】

一.首先我们来了解下指令API 属性 含义 restrict 申明标识符在模版中作为元素,属性,类,注释或组合,如何使用 priority 设置模版中相对于其他标识符的执行顺序 Template 指定一个字符串式的内嵌模版,如果你指定了模版是一个URL,那么是不会使用的 tempateUrl 指定URL加载的模版,如果你已经指定了内嵌的模版字符串,那么它不会使用的 Replace 如果为真,替换当前元素,如果是假或未指定,拼接到当前元素 Transclude 移动一个标识符的原始字节带你到一个新

SpringMVC入门学习(二)

SpringMVC入门学习(二) ssm框架 springMVC 在上一篇博客中,我简单介绍了一下SpringMVC的环境配置,和简单的使用,今天我们将进一步的学习下Springmvc的操作. model.addAttribute()的使用 model接口的源代码: 由图可知,在addAttribute()中有两种入参方式,一种是指明名字var1,一种是不指明名字var1.在不指明名字中,会通过相近的去寻找. 在addAttribute()中,我们可以放任何对象: 首先先导入jsp标签maven

Retrofit 入门学习

Retrofit 入门学习官方RetrofitAPI 官方的一个例子 public interface GitHubService { @GET("users/{user}/repos") Call<List<Repo>> listRepos(@Path("user") String user); } 这些注解都有一个参数 value,用来配置其路径,比如示例中的 users/{user}/repos, 我们还注意到在构造 Retrofit

JavaSE入门学习21:Java面向对象之接口(interface)(二)

一接口实现的多态 在上一篇博文:JavaSE入门学习20:Java面向对象之接口(interface)(一)中提到了接口的实现存在多态性,那么 这一篇主要就要分析接口实现的多态. 实例一 Test.java源文件代码: public class Test{ public static void main(String[] args){ //实现接口Singer Singer s1 = new Student("Amy"); s1.sing(); s1.sleep(); s1.study

[Todo] Nodejs学习及Spider实验(包括php入门学习、React入门学习)

/Users/baidu/Documents/Data/Interview/Web-Server开发 深入浅出Node.js-f46c http://blog.csdn.net/u012273376/article/details/52736906 利用nodejs做爬虫 http://www.runoob.com/nodejs/nodejs-callback.html nodejs学习之路 http://www.runoob.com/php/php-tutorial.html php学习之路

JavaSE入门学习24:Java面向对象补充

一Java中的Object类 Object类是所有Java类的父类,如果一个类没有使用extends关键字明确标识继承另外一个类,那么这个类默认 继承Object类. public class Person{ // } //等价于 public class Person extends Object{ // } Object类中的方法,适合所有子类. 1)toString()方法 在Object类中定义有public String toString()方法,其返回值是String类型,描述当前对

js入门学习

在HTML,CSS学习的最后,开始入门学习javascript, 首先就是去了解它的用途 作用:使web页面能够与用户交互,作为控制浏览器给网页增添活力的方法 定义:它是一种脚本语言,作用于浏览器.和java没有半毛钱关系,主要是当时Netscape公司为了增加影响力改了名,,(是不是感觉很无耻) ps:区分程序的一种方式:1.客户端程序(client-side),像javascript就是,我觉得HTML,CSS应该也是. 2.服务器端程序(server-side),java,perl,php