javascript - $ on和$ broadcast in angular($on and $broadcast in angular)

Question

I have a footerController and codeScannerController with different views.

(我有一个footerController和codeScannerController具有不同的视图。)

angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]);

angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) {
console.log("start");
$scope.startScanner = function(){...

When I click on a <li> in footer.html I should get this event in codeScannerController.

(当我点击footer.html中的<li> ，我应该在codeScannerController中获取此事件。)

<li class="button" ng-click="startScanner()">3</li>

I think it can be realised with $on and $broadcast , but I don't know how and can't find examples anywhere.

(我认为它可以通过$on和$broadcast来实现，但我不知道怎样也无法在任何地方找到示例。)

  ask by Alice Polansky translate from so

Answer 1

If you want to $broadcast use the $rootScope :

(如果你想要$broadcast使用$rootScope ：)

$scope.startScanner = function() {

    $rootScope.$broadcast('scanner-started');
}

And then to receive, use the $scope of your controller:

(然后接收，使用控制器的$scope ：)

$scope.$on('scanner-started', function(event, args) {

    // do what you want to do
});

If you want you can pass arguments when you $broadcast :

(如果你想要，你可以在$broadcast时传递参数：)

$rootScope.$broadcast('scanner-started', { any: {} });

And then receive them:

(接收它们：)

$scope.$on('scanner-started', function(event, args) {

    var anyThing = args.any;
    // do what you want to do
});

Documentation for this inside the Scope docs .

(Scope文档中的文档 。)