AngularJS Essentials

Data Handling
Now, the output will be R$10.00, which is the same as the previous output but
prefixed with a different symbol. Although it seems right to apply just the currency
symbol, and in this case the Brazilian Real (R$), this doesn't change the usage of the
specific decimals and group separators.
In order to achieve the correct output, in this case R$10,00 instead of R$10.00,
we need to configure the Brazilian (PT-BR) locale available inside the AngularJS
distribution package. In this package, we might find locales for most countries, and
we just need to import these locales to our application in the following manner:
After importing the locale, we will not have to use the currency symbol anymore
because it's already wrapped inside.
Besides the currency, the locale also defines the configuration of many other
variables, such as the days of the week and months, which is very useful when
combined with the next filter used to format dates.
date
The date filter is one of the most useful filters of the framework. Generally, a date
value comes from the database or any other source in a raw and generic format.
Because of this, such filters are essential to any kind of application.
Basically, we can use this filter by declaring it inside any expression. In the following
example, we have used the filter on a date variable attached to the scope:
{{ car.entrance | date }}
The output will be Dec 10, 2013. However, there are numerous combinations we
can make with the optional format mask:
{{ car.entrance | date:'MMMM dd/MM/yyyy HH:mm:ss' }}
When you use this format, the output changes to December 10/12/2013 21:42:10.
filter
Have you ever tried to filter a list of data? This filter performs exactly this task, acting
over an array and applying any filtering criteria.
Now, let's include a field in our car parking application to search any parked cars
and use this filter to do the job:
index.html