AngularJS 控制器之间传递数据，事件($emit(),$broadcast(),$on())

最新推荐文章于 2023-04-21 05:00:00 发布

houyanhua1

最新推荐文章于 2023-04-21 05:00:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS 文章标签： angularjs 事件 emit broadcast on

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/80232600

本文探讨AngularJS中控制器间的通信方式，重点讲解如何使用$emit(), $broadcast()和$on()事件来传递和接收数据，以实现不同控制器之间的数据交互。" 90240338,8185982,理解JavaScript的Generator与异步编程,"['JavaScript', 'ES6', '异步', 'Generator']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body ng-app="App">
	<div ng-controller="ParentController">
		<button ng-click="parentClick()">父控制器中</button>
		<div ng-controller="ChildController">
			<button ng-click="childClick()">子控制器中</button>
		</div>
	</div>

	<script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->  
	<script>
		var App = angular.module('App',[]);  
  
        App.controller("ParentController",['$scope',function($scope) { 
            $scope.parentClick = function() {
            	// 父控制器给子控制器传参数通过广播
            	$scope.$broadcast("toChildEvent",'data 父传给子的数据');   // 广播事件。 第一个参数表示事件名,第二个参数表示传递的数据。 
            }

            // 监听指定事件
            $scope.$on('toParentEve