分享人:江吉仪
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
angularjs极大的简化了我们的工作流程,让我们可以专注于逻辑和业务的处理, $scope $rootScope $watch 和 $state是非常重要的几个方法,今天着重跟大家讨论一下这 几个方法
$scope在angularjs中,你可以把它理解成作用域,每个不同的controller,都具有它不同的作用域,所以 controller不同,他们的scope是不同的,那么,如果我们想象js那样,做一个全局变量该怎么办呢?这就要说 到rootScope了。
$rootScope是由angularJS加载模块的时候自动创建的,每个模块只会有1个rootScope;
$rootScope就相当于一个全局作用域,所以我们保存在其中的东西是全局性的,在任一controller之中都能够使用
scope是html和单个controller之间的桥梁,数据绑定就靠他了。rootscope是各个controller中scope的桥梁。 用rootscope定义的值,可以在各个controller中使用。
相信使用过angularjs的同学都知道,ng中有个比较重要的特点,叫做双向绑定,那么这个双向绑定是如何实现的呢? 当我们在创建出scope下的一个新属性的时候,ng就会主动为我们新属性加上$watch这个方法,这个方法会监听我们 的数据变化,当数据变化之后,就立即把view和scope上数据同步。
虽然angular会为每一个ng-model添加一个$watch事件,但我们还可以定义自己的$watch,所以需要了解一下$watch的用法
watchExpression:监听的对象,它可以是一个angular表达式如'name',或函数如function();注意如果是函数的话,需要加上()不能只写函数名;
listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数:newValue(新值), oldValue(旧值), scope(作用域的引用)
objectEquality,是否深度监听,如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它
如何通过$rootscope传参。
怎么取消$watch,为什么取消?
$watch的性能消耗较大,所以对于已经不需要监视的watch,记得定时取消掉。
http://yuankeqiang.lofter.com/post/8de51_1454f93
https://blog.csdn.net/u010451286/article/details/50635839
感谢大家观看
BY : 芦宇 | 江吉仪