zoukankan      html  css  js  c++  java
  • 夺命雷公狗—angularjs—18—angularjs的事件

    对于一款前端框架,提起事件,很容易让人联想到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发布

  • 相关阅读:
    Java如何遍历二维数据
    Java标识符中常见的命名规则
    Java中常量的概念
    Java的数据类型
    Java中的方法是什么以及方法的书写格式
    Java中什么是构造方法
    Java中继承的概念
    Java中的匿名对象代码实例
    Java集合案例(产生不重复随机数)
    Java中集合的初等案例
  • 原文地址:https://www.cnblogs.com/leigood/p/5790573.html
Copyright © 2011-2022 走看看