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的更多相关文章

随机推荐

在 Domoticz 中添加插座开关
前言继上一篇的折腾,将 WiFi 插座刷为 ESPEasy,这次介绍一下在 Domoticz 中启用该插座的方法步骤在 Domoticz 控制台,设置 → 硬件中添加 Dummy,名称为&quo ...
C++_基础6-名称空间
名称空间背景:C++中,名称可以是变量.函数.结构.枚举.类以及类和结构的成员.当随着项目的增大,名称相互冲突的可能性也将增加.例如许多厂商的类库,可能导致名称冲突.这种冲突被称为名称空间问题. 解 ...
fluent中UDF环境变量问题的三种解决方法
方法一: 这种方式最简便,首选这种,但是有时会因为不明原因而不好使,我自己电脑刚开始用这种方式是行得通的,但是后来中途装过很多乱七八糟的软件,估计环境变量改乱了,这时候只能用第二种或者第三种方法.先说 ...
POJ_3090 Visible Lattice Points 【欧拉函数 + 递推】
一.题目 A lattice point (x, y) in the first quadrant (x and y are integers greater than or equal to 0), ...
webstorm识别 ftl文件
webstorm对freemaker语法是原生支持的,也不需要安装什么插件,你可以直接在webstorm新建个File Types即可 file->settings->file types ...
Codeforces - 600E 树上启发式合并
题意:求每一个子树存在最多颜色的颜色代号和(可重复) 本题是离线统计操作,因此可以直接合并重儿子已达到$O(nlogn)$的复杂度 PS.不知道什么是启发式合并的可以这样感受一下:进行树链剖分,分 ...
Python入门笔记——（1）数字与表达式
一.算术运算整除:// 取余:% 乘方:** (a ** b = pow(a, b)) 十六进制表示:0x...,八进制表示0... round(x [, n]):对x从小数点第n位取四舍五入结果, ...
搭建Flask+Vue及配置Vue 基础路由
最近一直在看关于Python的东西,准备多学习点东西.以前的项目是用Vue+Java写的,所以试着在升级下系统的前提下.能不能使用Python+Vue做一遍. 选择Flask的原因是不想随大流,并且比 ...
linux 7.0+救援模式
输入“e”进入GRUB页面! 定位到ro 然后修改ro为rw,并添加如下红框内的命令行! 使用下面的提示使用“Ctrl-x”start!!! 进入系统后,其实只是进入了一个安全模式下的内存系统,并不是 ...
linux 命令之重定向
linux 重定向及部分命令一,重定向讲解: 1> 标准输出重定向覆盖原有内容慎用!!!!!! 1>> 标准输出追加重定向追加内容 2> 错误输出重定向只输出错误信息 ...

broadcastemit

broadcastemit的更多相关文章

随机推荐

热门专题