angular view之间的数据传递

　　之前写过一篇backbone view之间的传递，由于现在在用angular搞开发，现在也来总结一下。在angular 传递数据通俗的讲叫做 广播 ，在一些文章中，也叫做事件的发布与订阅，在angular中通过 发布与订阅制定了数据的传递，使用时，在出发点广播事件，这个事件后面的参数是传递的数据，在适当的位置去进行接收，具体到开发中，对应着$scope和$rootScope的$emit、$broadcast和$on方法。首先了解一下概念：

　　1.$scope与$scope之间的关系，$scope与$rootScope之间的关系

　　$rootScope是最顶部的大哥，是所有$scope的老大，而$scope与$scope之间，就比较多了，有可能是父子关系，也有可能是兄弟关系，angular为每一个controller分配一个独立的$scope,$scope之间的关系也就是由controller之间的关系来决定的。

<div ng-controller="ParentCtrl as parent">
    {{ parent.data }}
    <div ng-controller="SiblingOneCtrl as sib1">
        {{ sib1.data }}
    </div>
    <div ng-controller="SiblingTwoCtrl as sib2">
        {{ sib2.data }}
    </div>
</div>

 

　　2.广播，接收与销毁

　　$broadcast和$emit用于广播事件，他们将事件名称和事件内容发布出去，就像是高考榜单一样，事件名称相当于考生的名字，而事件内容相当于考生的成绩等信息，而$broadcast和$emit的不同之处在于$broadcast是自上而下的广播，所有能听到的都可以对其进行反应。而$emit是自下而上的射箭，只有在箭矢的轨迹上才能对其做出反应。

$scope.$broadcast('EVENT_NAME', 'Data to send');
$scope.$emit('EVENT_NAME', 'Data to send');

　　$on用于接受事件，事件名称是订阅的唯一标识，每个考生看榜单时都要寻找自己的名字，然后根据自己的成绩等信息决定下一步应该报考什么学校：

$scope.$on('EVENT_NAME', function(event, args) {
    // balabala
});

　　angular的销毁是在$on中，使用$on接收事件时会返回一个函数，而此函数就是用来退订事件的方法，就像是考生看到了自己的成绩后禀告父母大人，“商量着”选取学校填报志愿，而此志愿单就是结束整个高考榜单的结束：

// 接收事件返回用于销毁事件的函数
var deregister = $scope.$on('EVENT_NAME', function(event, args) {
    // balabala
});

// 销毁事件
deregister();

　　ok  这就类似于backbone中的事件注册机，相比之下 trigger on 要更简单暴力一些，至于angular为什么要这么设计，我还只是一个初学者 不能理解。