Configuring and using AngularJS events
AngularJS offers a powerful event infrastructure that affords you the ability to control the application in scenarios where data binding might not be suitable or pragmatic. Even with a rigorously organized application topology, there are lots of applications for events in AngularJS.
How to do it…
AngularJS events are identified by strings and carry with them a payload that can take the form of an object, a function, or a primitive. The event can either be delivered via a parent scope that invokes $scope.$broadcast(), or a child scope (or the same scope) that invokes $scope.$emit().
The $scope.$on() method can be used anywhere a scope object can be used, as shown here:
(app.js)
angular.module('myApp', [])
.controller('Ctrl', function($scope, $log) {
$scope.$on('myEvent', function(event, data) {
$log.log(event.name + ' observed with payload ', data);
});
});Broadcasting an event
The $scope.$broadcast...
The rest of the chapter is locked
83
Tech Concepts
36
Programming languages
73
Tech Tools
Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
50+ new titles added per month and exclusive early access to books as they are being written.
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime
Authors (1)
Personalised recommendations for you
Based on your interests and search pattern
