$rootScope

时间：2023-03-08 22:11:28

参考地址 https://docs.angularjs.org/api/ng/type/$rootScope.Scope

angular 的scope一般上都是有继承关系的，也就是说可以通过原型访问到父亲属性.

原型可以参考 http://www.cnblogs.com/keatkeat/p/3896758.html

$rootScope 提过了一些方法, 当然子scope也都继承了这些方法

$rootScope.new(isolate) 

isolate 是 boolean ，中文翻译是隔离 。 也就是说创建一个$scope但是不要继承父亲

这个我们在写指令的时候通常会使用上。

$watch(watchExpression, listener, [objectEquality], [deregisterNotifier])

watch 就是属性监听。第一个参数是要监听的属性名字，参数2是回调事件

一般上我们都是监听$scope上的属性，但是如果你想监听一个普通的变量，可以这么写 $scope.$watch(function(){ retrun some var },listener)

           var scope = $rootScope;

           scope.name = 'misko';

           scope.counter = 0;

           expect(scope.counter).toEqual(0);

           scope.$watch('name', function(newValue, oldValue) {
             if(newValue === oldValue) { //do init }

             scope.counter = scope.counter + 1;

           });

           expect(scope.counter).toEqual(0);

           scope.name = 'alibaba' //在还没有digest前，修改关注的值是没有意义的！

           scope.$digest();

           // the listener is always called during the first $digest loop after it was registered

           expect(scope.counter).toEqual(1);

注意红色的字,监听之后的第一个digest一定会触发一次监听回调，我们可以在回调中判断来做一下初始化，只有第一次会这样，接下来只有当数据changed才会触发回调。

在还没有digest的情况下不要去修改你关注的值，那是没有效果的 ，它就好比你把这个改变值的代码写在还没有watch之前,angular的watch要配合digest才管用，这个一般js的getter setter 手法不同。

           var scope = $rootScope;

           scope.name = 'misko';

           scope.counter = 0;

           scope.$watch('name', function(newValue, oldValue) {

               //newValue = ""; 这里回事 alibaba，这不是我们要的！！！

           });    
           scope.name = 'alibaba'

           scope.$digest();

第3参数是 boolean , 是说要不要使用angular.equals来进行value is_change的对比方式, 没有用过，应该是和c#差不多，就是对比object的时候是比引用还是比值。

第4参数是 function , 每次$digest(),都会触发一次，不管值有没有改变。(这个是1.3才有的)

$watchGroup(watchExpressions, listener);

多个属性监听，但是回调相同的情况下可以使用 , 参数1是 Array<String | Function>

$watchCollection(obj, listener);

这个用来监听array或者object的改变，比如 array.push ，obj["x"] = x , 添加新的属性或值的情况。

$digest()

执行脏数据监测,dirty check , angular内有很多时候都是自动执行的，manual 执行可以写 $rootScope.$digest()

$destroy();

删除$scope和其子$scope , 所有监听都会清空.

$eval([expression], [locals]);

eval 和 js 的eval 类似，是angular自己写的javascript语法解析器，很有心啊，一堆正则一堆 if else.

参数2可以让我们传入scope, 来处理表达式，返回结果.

$apply([exp])

$apply(fn) , fn 跑完会自动触发 $rootScope.$digest();

一般上我们自己管理好 $digest()就行了

$on 和 $emit

$scope 就好比 elem , 可以把 on,emit 看做是游览器的事件机制。

当你在一个上层的scope绑定了一个事件， 在子层可以调用 $emit来触发，从而传入子层的scope给父层 .

       app.controller("ctrl", ["$scope", "$rootScope", function ($scope, $rootScope) {

            $scope.name = "1782";

            $scope.$on("wawa", function (event, x) {

                alert(event.targetScope.name);

                alert(event.currentScope.name);

            });

        }]);

        app.controller('ctrl2', ["$scope", "$rootScope", function ($scope, $rootScope) {

            $scope.name = "5566";

            $scope.$emit("wawa");

        }]);

event 是个对象，里面有 targetScope,currentScope,name(事件名字),stopPropagation 方法(调用它阻止冒泡),preventDefault 方法(调用它注重默认事情,不是很理解),

defaultPrevented - {boolean}: true if preventDefault was called. 这个也了解.

event之后的参数就是$emit时候任意传入的

$broadcast(name, args);

上层scope向子层发布事件，反向理解就可以了。

随机推荐

  1. Delphi default属性

    Delphi default属性 Delphi控件指定属性的时候可以加上Default关键字,例如property Color default clBtnface.一直以为这个是构造类的时候的默认值, ...

  2. HDU_2020——按绝对值排序

    Problem Description 输入n(n<=100)个整数,按照绝对值从大到小排序后输出.题目保证对于每一个测试实例,所有的数的绝对值都不相等.   Input 输入数据有多组,每组占 ...

  3. [LeetCode] 21. Merge Two Sorted Lists 解题思路

    Merge two sorted linked lists and return it as a new list. The new list should be made by splicing t ...

  4. C# 文件上传

     一.分析 本次博客,主要解决文件上传等一系列问题,将从两方面来论述,即1G以内文件和1G以上文件. 对于上传1G以内的文件,可以采用基本的三种上传方法:用Web控件FileUpload.html控件 ...

  5. svn出现“Previous operation has not finished; run 'cleanup' if it was interrupted”，解决方法

    1.首先不需要动svn的服务器端.2.在客户端安装svn的客户端工具,自定义工具中为:command line client tools    安装完之后,在本地目录有svn.exe执行程序3.然后c ...

  6. Android利用setLayoutParams在代码中调整布局(Margin和居中)

    我们平常可以直接在xml里设置margin,如: <ImageView android:layout_margin="5dip" android:src="@dra ...

  7. 对return 语句的正确性和效率进行检查

    注意事项如下: 1. return 语句不可返回指向"堆栈内存“的”指针“或者”引用“,因为该内存单元在函数体结束时被自动释放. //错误 char* Func(void) { char s ...

  8. sqlserver 2008 sa登陆的一些问题

    sqlserver 2008 sa登陆 无法连接到(local)? 遇到这个问题请确保SQL主服务是开启状态: ok接下来把服务器名换成 计算机名\实例名  再次使用sa登陆,如下: 是不是可以了呢? ...

  9. 解决操作过快导致ajax异常的办法

    //控制点击过快ajax异常 var state = true; function test() { if (state) { state = false; var val = accMul((uCo ...

  10. 解决sql2008连接数据库，无法为该请求检索数据，错误916

    通常在使用sql server management studio 2008 连接数据库,可以链接上,但是无法查看自己的数据库,点击数据库或刷新数据库列表后,提示:无法为该请求检索数据,错误916,如 ...

相关文章