Angular:$ broadcast和$ emit按值或引用发送消息对象?

时间:2015-01-23 22:32:35

标签: angularjs

给出以下代码:

var msg = {
  field1: val1,
  field2: val2,
  // more fields
};

$scope.$broadcast("EventName", msg);

事件使用者收到指向msg或副本的指针?

1 个答案:

答案 0 :(得分:13)

事件消费者收到指向事件数据的指针

例如:

<div ng-controller="MyCtrl">
    <input type="text" ng-model="name.name"/>
    <button ng-click="broadcast()">Broadcast event</button>
</div>
<div ng-controller="MyCtrl2">
    <input type="text" ng-model="name2.name"/>
</div>

function MyCtrl($scope,$rootScope) {
    $scope.name = {name: "MyCtrl"};
    $scope.broadcast = function(){
        $rootScope.$broadcast('someEvent', $scope.name);
    };
}

function MyCtrl2($scope,$rootScope) {
    $scope.name2 = null;
    $scope.$on('someEvent', function(event, data){
        $scope.name2 = data;
    });
}

请参阅此 JSFiddle 进行演示。

只需使用按钮广播第一个input字段中的值,然后尝试更改任何input字段的值。