broadcastemit

http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope#$broadcast

　scope可以以类似于DOM事件的方式进行事件传播。事件可以被broadcast（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope#$broadcast）到child scope或者emit（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope#$emit）到parent scope中。（当前scope如果有监听，也会执行）

<!DOCTYPE HTML>

<html lang="zh-cn" ng-app>

<head>

<meta charset="UTF-8">

<title>scope-event-propagation</title>

<style type="text/css">

.ng-cloak {

display: none;

}

</style>

</head>

<body class="ng-cloak">

<div ng-controller="MyController">

root scope count:{{count}}

<ul>

<li ng-repeat="i in [1]" ng-controller="MyController">

<button ng-click="$emit('MyEvent')">$emit("MyEvent")</button>

<button ng-click="$broadcast('MyEvent')">$broadcast("MyEvent")</button>

<br/>

middle scope count:{{count}}

<ul>

<li ng-repeat="item in [1,2]" ng-controller="MyController">

Leaf scope count:{{count}}

</li>

</ul>

</li>

</ul>

</div>

<script src="../angular-1.0.1.js" type="text/javascript"></script>

<script type="text/javascript">

function MyController($scope) {

$scope.count = 0;

$scope.$on("MyEvent", function() {

$scope.count++;

});

}

</script>

</body>

</html>

<br>

七、Scope Life Cycle（scope生命周期）

　　浏览器正常的事件流中，当浏览器接收到事件后，它会执行一个相应的javascript回调。一旦回调函数执行完毕后，浏览器将会重绘DOM，并返回到继续等待事件的状态。

　　当浏览器在angular执行环境外调用javascript代码时，这意味着angular是不知道model的改变的。要正确处理model的修改，这个命令必须通过使$apply方法进入angular执行环境。只有在$apply方法中的model变更，才会正确地被angular统计。例如，一个directive监听了DOM事件，例如ng-click，它必须在$apply方法中对表达式进行求值。

　　在对表达式求值之后，$apply方法执行一个$digest。在$digest阶段里，scope检查所有$watch监听的表达式，将现在的值与旧的值作比较。脏检查（dirty checking）是异步的。这意味着赋值语句（例如$scope.username=”angular”）将不会马上导致一个$watch被通知，反而，$watch的通知将会延迟到$digest阶段。这个延迟是必须的，因为它把多个model更新联合到一个$watch通知中，这保证了在$watch通知的过程中，没有其他$watch在执行。如果一个$watch改变了model的值，那么它将会强制增加一个$digest周期。

broadcastemit的更多相关文章

随机推荐

CentOS 7 系统区域和键盘设置
系统区域设置包括语言.键盘布局等,可以通过修改/etc/locale.conf配置文件或使用localectl实用程序来进行设置,一般在安装时设置为默认选择(英文.美式键盘)即可修改配置文件 [ro ...
LeetCode4. 两个排序数组的中位数
4. 两个排序数组的中位数问题描述 There are two sorted arrays nums1 and nums2 of size m and n respectively.Find the ...
codeforces 1101G (Zero XOR Subset)-less 前缀异或+线性基
题目传送门题意:给出一个序列,试将其划分为尽可能多的非空子段,满足每一个元素出现且仅出现在其中一个子段中,且在这些子段中任取若干子段,它们包含的所有数的异或和不能为0．思路:先处理出前缀异或,这样 ...
113th LeetCode Weekly Contest Flip Equivalent Binary Trees
For a binary tree T, we can define a flip operation as follows: choose any node, and swap the left a ...
Nginx + Lua搭建文件上传下载服务
收录待用,修改转载已取得腾讯云授权最新腾讯云技术公开课直播,提问腾讯W3C代表,如何从小白成为技术专家?点击了解活动详情作者 | 庄进发编辑 | 迷鹿庄进发,信息安全部后台开发工程师,主要负责 ...
<?>与<T>的区别
?是通配符(占位符),可以表示任意一个,T只是一种替代,只能表示其中一个假设有A,B,C三个类 <?>可以是A,B,C任意一个,每一个<?>之间没有关联 <T>如 ...
linux对于zombie的处理
@(Linux基础)[僵尸进程处理] 今天在服务器上推送项目的时候,突然发现很卡.就用top查看了一下,果然此事不简单啊. top - 10:39:16 up 20 days, 23:11, 2 us ...
iView 初识
iView和element-UI在table这块有有相似之处,但是与layui有不同的地方在data数据这里有明显的不同,在iView中data数组下每个元素对象对应一行的数据:而layui中,da ...
NFS 优化及详解
一, 启动过程: 所以启动的时候一定一定要先启用——————rpcbind———————————————— 启动 rpcbind ------>/etc/init.d/rpcbind rest ...
Android代码中实现WAP方式联网
无论是移动.联通还是电信,都至少提供了两种类型的的APN:WAP方式和NET方式.其中NET方式跟WIFI方式一样,无需任何设置,可自由访问所有类型网站,而WAP方式,需要手机先设置代理服务器和端口号 ...

broadcastemit

broadcastemit的更多相关文章

随机推荐

热门专题