使用$scope.$emit和$scope.$on

Question

如何使用.$emit和.$on方法将$scope对象从一个控制器发送到另一个控制器？

function firstCtrl($scope) {
    $scope.$emit('someEvent', [1,2,3]);
}

function secondCtrl($scope) {
    $scope.$on('someEvent', function(mass) { console.log(mass); });
}

它的工作方式并不像我想的那样。$emit和$on如何工作？

Answer 1

另外，我将建议第四个选项，作为@zbynour提出的选项的更好的替代方案。

使用$rootscope.$emit而不是$rootscope.$broadcast，而不考虑传输控制器和接收控制器之间的关系。这样，事件就会保留在$rootscope.$$listeners的集合中，而使用$rootscope.$broadcast时，事件会传播到所有子作用域，其中大多数可能都不是该事件的侦听器。当然，在接收控制器端，您只需使用$rootscope.$on。

对于此选项,您必须记住销毁控制器的rootScope侦听器：

var unbindEventHandler = $rootScope.$on('myEvent', myHandler);
$scope.$on('$destroy', function () {
  unbindEventHandler();
});

Answer 2

首先，父子范围关系确实重要。您有两种可能发出某些事件：

• $broadcast--将事件向下分配到所有子作用域，
• $emit--通过作用域层次结构向上分派事件。

我对您的控制器（作用域）关系一无所知，但有几个选项：

>

如果FirstCtrl的作用域是SecondCtrl作用域的父级，则您的代码应通过将$emit替换为FirstCtrl中的$broadcast来工作：

function firstCtrl($scope)
{
    $scope.$broadcast('someEvent', [1,2,3]);
}

function secondCtrl($scope)
{
    $scope.$on('someEvent', function(event, mass) { console.log(mass); });
}

如果作用域之间没有父子关系，可以将$rootscope注入控制器，并将事件广播到所有子作用域（也就是secondctrl)。

function firstCtrl($rootScope)
{
    $rootScope.$broadcast('someEvent', [1,2,3]);
}

最后，当您需要将事件从子控制器调度到向上的作用域时，您可以使用$scope.$emit。如果FirstCtrl的作用域是SecondCtrl作用域的父级：

function firstCtrl($scope)
{
    $scope.$on('someEvent', function(event, data) { console.log(data); });
}

function secondCtrl($scope)
{
    $scope.$emit('someEvent', [1,2,3]);
}