$rootScope
参考地址 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向子层发布事件,反向理解就可以了。
随机推荐
- DPDK2.1开发者手册1-2
Programmer’s Guide Release 2.1.0 翻译的目的是强化自己对dpdk的理解,看看2.1版本和现在使用的版本的差异,其次就是可能要走了,为那些要上手dpdk,但是又不想看英文 ...
- HDFS文件系统的操作
package com.bank.utils; import java.io.BufferedInputStream;import java.io.BufferedOutputStream;impor ...
- StackPanel 弹出菜单 ContextMenu
<StackPanel x:Name="stackpanel_zonghe" Margin="0,10,0,0" Background="Tra ...
- lesson1:压测普通网页
本文展示了利用jmeter来压力测试普通网页,具体步骤如下: 1.添加[线程组]“lesson1压测普通网页”,“线程数”设置为10:“循环测试“设置为50,如图所示: 2.添加一个"htt ...
- URL中的空格字符如何编码
URL encoding the space character: + or %20? 简单理解: ‘?’前的路径中的空格必须为’20%’ ‘?’后的参数中空格可以被编码成’+’(正常情况),然而有时 ...
- android 几种发送短信的方法
android中发送短信很简单, 首先要在Mainfest.xml中加入所需要的权限: ? 1 2 3 <uses-permission android:name="android.p ...
- openwrt上opkg更新报错"opkg_download: Failed to download ............."
開始搞op的时候,看到op居然能够直接安装一些插件.激动坏了,由于这东西对嵌入式的小系统来说简直不敢想,可是op就支持了,就是这么任性. 好不easy编译了固件.依照网上的教程.telnet进去.首先 ...
- OC与JS互相调用
近期项目中要用到html5来实现.涉及到OC调用JS,以及JS调用OC的方法.这里把遇到的问题以及实现方法介绍一下. // // ViewController.h // OC_And_JS // // ...
- [ES6] When should use Map instead of Object
Use Maps when keys are unknown until runtime: Map: let recentPosts = new Map(); createPost( newPost, ...
- window成员和document成员
输出浏览器成员和DOM成员(以下为safari浏览器测试)(浏览器不同对象成员有差异) window成员 <script type="text/javascript"> ...