AngularJS Essentials

Chapter 3
Let's change our application by moving the date filter, which we used to display the
date and hour separated in the view, to our controller:
controllers.js
parking.controller("parkingCtrl", function ($scope, $filter) {
$scope.appTitle = $filter("uppercase")("[Packt] Parking");
});
This approach is often used when we need to transform the data before it reaches the
view, sometimes even using it to the algorithms logic.
Creating filters
AngularJS already comes with a bunch of useful and interesting built-in filters,
but even then, we'll certainly need to create our own filters in order to fulfill
specific requirements.
To create a new filter, you just need to register it to the application's module,
returning the filter function. This function takes the inputted value as the first
parameter and other additional arguments if necessary.
Now, our application has a new requirement that can be developed through the
creation of a customized filter.
This requirement involves formatting the car's plate by introducing a separator after
the third character. To achieve this, we are going to create a filter called plate. It will
receive a plate and will return it after formatting it, after following the rules:
filters.js
parking.filter("plate", function() {
return function(input) {
var firstPart = input.substring(0,3);
var secondPart = input.substring(3);
return firstPart + " - " + secondPart;
};
});
With this filter, the 6MBV006 plate is displayed as 6MB - V006.
[ 61 ]
www.it-ebooks.info