2.3.8 angular 控制器间的通信 - OhNaNaSun/angularBlog GitHub Wiki

控制器之间的通信，无非是以下几种方法：

基于scope继承的方式
基于event传播的方式
service的方式

基于scope继承的方式

最简单的让控制器之间进行通信的方法是通过scope的继承。假设有两个控制器Parent、Child，Child 在 Parent 内，那Child 可以称为控制器Parent的子控制器，它将继承父控制器Parent的scope。这样，Child就可以访问到Parent的scope中的所有函数和变量了。

需要注意的是，由于scope的继承是基于Js的原型继承，如果变量是基本类型的，那在Child中的修改（写），有可能会导致Parent中的数据变脏。 子级scope改写的属性不要直接注册在 $scope 对象上，而应该尽可能注册在 $scope 上的引用类型上，一面污染$scope。

基于event传播的方式

通过 scope 继承能处理父子级控制器之间的通信问题，但是不能处理兄弟/相邻控制器之间的通信问题。而基于 event 传递的方式进行通信可以解决父子级的通信问题。angular提供了三个方法：$on , $emit , $broadcast

子–>父：$emit

event传播过程是这样的：

子scope中的控制器通过 $scope.$emit 注册一个向上传播的事件该事件会经过每一层的父scope，但是每一层父scope不会去处理如果要处理，就在想要处理的父scope中使用 $scope.$on 监听，就好了

跟JS中的DOM事件一样，如果你不想让你的事件再往更上层传播，在$on中的处理函数调用e.stopPropagation()即可。

父–>子：$broadcast

从父到子，跟子集到父级一样，使用同样用$broadcast注册时间，用 $on 监听着，DEMO。

同级之间

拥有同个父scope的子级scope之间，也就是兄弟/相邻scope之间的通信，其实是借助共同父级传递消息的：

子级scope中有谁想传消息了，$emit 一个给“奶爸” 然后通过“奶爸” $broadcast 给所有孩子这个相同的信息，当然发出信息的那个可以选择是否要忽略掉自己发出的信息

angular服务的方式

在angular中服务是一个单例，在服务中生成一个对象，该对象就可以利用依赖注入的方式在所有的控制器中共享。参照以下例子，在一个控制器修改了服务对象的值，在另一个相邻控制器中获取到修改后的值：

DEMO