AngularJS: $broadcast $emit $on

最新推荐文章于 2019-07-13 18:45:05 发布

原创最新推荐文章于 2019-07-13 18:45:05 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #broadcast

AngularJS 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了AngularJS中$emit, $broadcast与$on的功能与使用场景。$emit用于子控制器向父控制器传递事件和数据；$broadcast则用于父控制器向子控制器广播事件和数据；而$on则用于监听这些事件并接收相应的数据。

$emit只能向parent controller传递event与data

$broadcast只能向child controller传递event与data

$on用于接收event与data

http://stackoverflow.com/questions/24830679/why-do-we-use-rootscope-broadcast-in-angularjs

http://stackoverflow.com/questions/19446755/on-and-broadcast-in-angular

https://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

AngularJS: Listening for $destroy

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

柏油路留不下脚印

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

AngularJS $on、$emit和$broadcast的使用

10-21

$on、$emit和$broadcast是AngularJS中用于控制作用域间通信的三个主要方法。理解这三个方法的使用，对于开发可维护和可扩展的单页面应用程序（SPA）至关重要。首先，我们需要了解AngularJS作用域的层次结构。...

Angularjs中的事件广播 —全面解析$broadcast,$emit,$on

01-19

Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信介绍： $broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下：$broadcast(eventName,args) $emit的...

参与评论您还未登录，请先登录后发表或查看评论

angularjs的$on、$emit、$broadcast

积累与备忘

06-19

277

$on 监听，父监听子，子接收父 $emit 子向父传递，多对1 $broadcast 父向所有子传递，1对多父和子监听的event不能有同名的，同名会造成无限循环如何在作用域之间通信呢？ 1.创建一个单例服务，然后通过这个服务处理所有子作用域的通信。 2.通过作用域中的事件处理通信。但是这种方法有一些限制；例如，你并不能广泛的将事件传播到所有监控的作用域中。...

AngularJS中的$on、$emit、$broadcast

书香水墨

04-10

691

1 $on 用于定义一个事件 $scope.$on('eventName', function eventName(event, args) { }); 2 $broadcast 用于触发一个在子作用域以及以下作用域中使用$on定义的事件。 $scope.$broadcast('eventName', { message: msg }); 3 $emit 用于触发一个在父作用域...

angularjs事件通信$on，$emit，$broadcast详解

weixin_30632089的博客

06-23

627

公司项目开发用的是angularjs，关于事件通讯一直用的是EventBus，直到上周写一个小组件懒得引用EventBus时，想到用angularjs自带的事件通信时，结果很尴尬的忘记原生方法单词怎么写了.... 可能现在记录这个真的算很晚了，包括对于显得有些老旧的angularjs，但我们学习的毕竟是思想，而非框架，所以还是独立一篇文章来聊聊angularjs中的事件通信$on，$emit与$...

AngularJS $on $broadcast $emit

dhxiyzqv45340的博客

07-20

115

如何在作用域之间通信呢？ 1.创建一个单例服务，然后通过这个服务处理所有子作用域的通信。 2.通过作用域中的事件处理通信。但是这种方法有一些限制；例如，你并不能广泛的将事件传播到所有监控的作用域中。你必须选择是否与父级作用域或者子作用域通信。 $on、$emit和$broadcast使得event、data在controller之间的传递变的简单。 $broadca...

理解angularjs中的$emit,$broadcast和$on

Inuyasha1121的专栏

03-14

987

在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件，并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方，事件一直朝着根作用域传递，传递期间并通知哪些注册在作用域上的监听器，如果这期间一个监听器接受到了这个事件，会注销这个事件，那么事件将会停止向上...

AngularJS的$on、$emit、$broadcast

javaweiming的专栏

01-05

875

AngularJs scope事件机制$emit , $broadcast，$on广播事件（源码分析）

07-13

3189

在angular scope中可以通过$on，$emit和$broadcast方法实现了自定义事件机制,实现数据共享，原理其实并不复杂，下面我会用例子来做分析，先看一段测试源码： <div ng-controller="parentCtrl"> <div ng-controller="selfCtrl"> <a ng-c...

angularjs 之 $on 、 $emit 、$broadcast

08-23

作用域之间的通信： 1.在应用程序中建一个单例服务，然后通过这个服务处理所有子作用域的通信。 2.父子作用域之间的通信可以通过$emit $brodcast $on <div ng-controller="ParentCtrl"> <!-...

Step form wizard design

wwq518的博客

11-06

803

wizard

AngularJS: controller as syntax

wwq518的博客

08-02

484

AngularJS’s Controller As syntax

AngularJS: $scope

wwq518的博客

10-04

418

$scope hierarchy

AngularJs: ng-options used in the select tag

wwq518的博客

10-31

402

ng-options

AngularJS: controllers shouldn’t try to do too much

wwq518的博客

11-11

398

AngularJS: Use The Service, Not The Controller

Inject $scope into factory service ??

wwq518的博客

12-13

394

inject $scope to service

AngularJS: a bad idea to manipulate DOM in controllers

wwq518的博客

08-23

388

DOM operation

resolve in ui-router

wwq518的博客

08-16

372

resolve in ui-router

深入理解AngularJS：Controller与$scope作用域详解

这可能涉及到控制器间的通信，如使用事件（$emit, $broadcast, $on），服务（Service）的注入，或者共享数据的方法。同时，这也会深入讨论AngularJS的模块化和组件化的理念，帮助开发者更好地组织和管理应用的结构。...