AngularJS作用域$scope事件路由与广播

最新推荐文章于 2024-04-29 04:19:57 发布

cje

最新推荐文章于 2024-04-29 04:19:57 发布

阅读量1.3k

点赞数

分类专栏： AngularJS 文章标签： angularjs scope 作用域

本文链接：https://blog.csdn.net/u011779724/article/details/72547698

版权

本文详细介绍了AngularJS中作用域(scope)的事件路由，包括如何使用$emit()从子作用域向上广播事件到父作用域，以及如何通过$broadcast()从父作用域向下广播事件到所有子作用域。同时，提到了在事件处理中，data参数用于传递数据，以及event事件对象提供的如event.name、event.targetScope等属性和方法，这些可用于获取事件信息和控制事件行为。

摘要由CSDN通过智能技术生成

AngularJS作用域支持两种事件传播方式：

事件从子作用域路由到父作用域——$emit()
事件从父作用域广播到所有子作用域——$broadcast()

$on()用于注册监听

$scope.$on("infoEvent",function(event,data){ });

data为调用$emit()或$broadcast()方法获得的数据
event事件对象具有一些实用的属性和方法，能够通过它获取更多关于事件的信息：event.name、event.targetScope、event.currentScope、event.stopPropagation()、event.preventDefault()、event.defaultPrevented

$emit()

<!doctype html>
<html ng-app="eventModule">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../angular-1.5.5/angular.js">
    </script>
    <style>
        #parent{
            width: 350px;
            height: 250px;
            border: 3px solid #ccc;
        }
        #child{