zoukankan      html  css  js  c++  java
  • angular事件

    http://www.cooklife.cn/detail/54c8f838ed5b52846b6bca41#View & angular事件

    对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等。但是我们这里说的angular中的事件和DOM事件并不是一个东西。

    事件的发布

    我们可以通过$emit()以及$broadcast()来发布事件

    $emit(name, args)

    name发布的事件名称

    args会作为对象传递到事件的监听器中

    $emit()发布的事件,会从子作用域冒泡到父作用域,产生事件的作用域之上的所有作用域都会收到这个事件的通知。

    $broadcast(name, args)

    同$emit的参数一直,name作为事件的名字,args作为监听器接受 的参数。使用该方法事件的传播方向是从上至下,即从父作用域到子作用域。

    事件的监听

    事件发布了,我们要注册监听事件的服务,才会对事件进行响应

    可以通过$on()方法来注册事件监听事件。

    $scope.$on(name, listenerFn)

    当以name为事件名的事件被促发之后,listenerFn事件就会被执行。

    $on()返回一个反注册函数,可以用其来取消监听器。

    事件对象

    所有的事件监听器第一个参数都代表了事件对象,该对象有以下属性:

    targetScope作用域对象,发送事件的作用域

    currentScope:当前处理事件的作用域

    name:当前事件的事件的名称

    stopPropagation:取消$emit触发的事件进一步的传播

    preventDefaul:把defaultPreevented标志设置为true,告诉子作用域可以无需处理该事件。

    defaultPreevented:布尔值

    angular内置事件

    $includeContentLoaded($emit事件)

    ngInclude内容重新加载的时候,从ngInclude指令触发

    $includeContentRequested($emit事件)

    从调用ngInclude的作用域上发送,每次ngInclude的内容被请求的时候,都会发布该事件

    $viewContentLoaded($emit事件)

    当ngView内容被重新加载时,从ngView作用域上发布

    $locationChangeStart($broadcast事件)

    通过$location服务对浏览器的地址更新时会触发$locationChangeStart事件

    $locationChangeSuccess($broadcast事件)

    当浏览器的地址成功变更时触发

    $routeChangeStart($broadcast事件)

    在路由变更发生之前,该事件从$rootScope发布

  • 相关阅读:
    []*T *[]T *[]*T 傻傻分不清楚
    Linux设备树
    gdb使用
    LockBit 2.0 勒索软件全球肆虐,我们该如何防范?
    记一次粗浅的钓鱼样本分析过程
    部分sql注入总结
    Linux系统取证简述
    对抗样本攻击及防御实战
    区块链是否真的安全?黑客盗取价值6亿美金数字货币
    某团购CMS的SQL注入漏洞代码审计
  • 原文地址:https://www.cnblogs.com/shiddong/p/5805871.html
Copyright © 2011-2022 走看看