美文网首页
AngularJs事件

AngularJs事件

作者: vanhukset | 来源:发表于2016-03-07 11:43 被阅读0次

事件的传播

冒泡

要把事件沿着作用域链向上派送(从子作用域到父作用域),我们要使用$emit() 函数。

// 发送一个事件
// 我们的用户以当前user登录了
scope.$emit('user:logged_in', scope.user);
  1. name(字符串)
    要发出的事件名称。
  2. args(集合)
    一个参数的集合,作为对象传递到事件监听器中。

向下传播 $broadcast

// 等等,购物车去结账了
// 当购物车在结账的时候
// 下面所有的指令都应当禁用自己
scope.$broadcast('cart:checking_out', scope.cart);
  1. name(字符串)
    要发出的事件名称。
  2. args(集合)

事件的监听

$on()方法

scope.$on('$routeChangeStart',
 function(evt, next, current) {
 // 一个新的路由被触发了
});

事件对象

事件对象有以下属性

targetScope(作用域对象)

这个属性是发送或者广播事件的作用域。

currentScope(作用域对象)

这个对象包含了当前处理事件的作用域。

name(字符串)

这个字符串是触发之后,我们正在处理的事件名称。

stopPropagation(函数)

/////
我们用$emit() 调用的有好几个事件,它们把事件往上发, 更多调用的是$broadcast() 事件。

相关文章

  • Angular

    今天我要分享的内容: ··· ···例子 ··· AngularJS 事件AngularJS 支持以下事件:ng-...

  • AngularJS 参考手册

    作者:Zyao89;转载请保留此行,谢谢; AngularJS 指令 AngularJS 事件 AngularJS...

  • AngularJs事件

    事件的传播 冒泡 要把事件沿着作用域链向上派送(从子作用域到父作用域),我们要使用$emit() 函数。 name...

  • Angularjs 作用域

    非常详细? :AngularJS实例教程(二)——作用域与事件 Scope 概述, AngularJS 应用组成如...

  • angularJS1和angularJS2变化监测对比

    1.angularJS1 在angularJS1中脏检查循环主要发生在: 调用angular封装的DOM事件(cl...

  • AngularJS事件传递

    在AngularJS中,作用域是具有层次分明的结构。其中根层级也就是我们经常看到的$rootScope,其次是$S...

  • Angularjs 事件监听

    键盘事件keydown、keypress、keyup随笔整理总结(摘抄)原文1:http://www.cnblog...

  • AngularJS的$destory用法

    在Controller中监听$destory事件,这个事件会在页面发生跳转的时候触发。 參考AngularJS的$...

  • angularjs $emit $brodcast $on 事件

    Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信...

  • AngularJs-destroy事件

    $scope.$on("$destroy",function() {//清除配置,不然scroll会重复请求}) ...

网友评论

      本文标题:AngularJs事件

      本文链接:https://www.haomeiwen.com/subject/eqiakttx.html