AngularJS Essentials

Scope
Now, we need to start tickGenerator. This can be done using the run function of
the module API, as shown in the following code snippet of the app.js file:
parking.run(function (tickGenerator) {
tickGenerator.start();
});
To receive the current date, freshly updated, we just need to call the $on function of
any $scope object, as shown in the following code snippet of the parking.html file:
{{tick | date:"hh:mm"}}
Consider the following code snippet in the controllers.js file:
parking.controller("parkingCtrl", function ($scope) {
var listenToTick = function () {
$scope.$on('TICK', function (event, tick) {
$scope.tick = tick;
});
};
listenToTick();
});
From now, after the listenToTick function is called, the controller's $scope
object will start to receive a broadcast notification every 1000 ms, executing the
desired function.
To stop the tick, we need to send a broadcast in the other direction in order to make
it arrive at $rootScope. This can be done by means of the $emit function, shown as
follows in the parking.html file:
{{tick | date:"hh:mm"}}
Stop
Consider the following code snippet in the controllers.js file:
parking.controller("parkingCtrl", function ($scope) {
$scope.stopTicking = function () {
$scope.$emit("STOP_TICK");
};
var listenToTick = function () {
$scope.$on('TICK', function (event, tick) {
$scope.tick = tick;
});
};
listenToTick();
});
[ 112 ]
www.it-ebooks.info