Pipes

Angular pipes allow us to transform data retrieved from the server in a format that is easy to read and understand. Pipes are very similar to filter in AngularJS. Pipes help to transfer data to more understandable or custom user-defined types. For instance, data such as date retrieved from the server looks like Fri Mar 18 2003 00:00:00 GMT-0700 (Pacific Daylight Time). For an improved user experience, the date could be transformed to March 18, 2003 using an Angular pipe. The following represents a code sample  shows the use of data pipe:

{{ creation_date | date }}

The following is a list of some of the built-in pipes in Angular:

• DatePipe
• UpperCasePipe
• LowerCasePipe
• CurrencyPipe
• PercentPipe

Here are some of the key features of pipes:

• Parameterizing pipes: A pipe can further be parametrized, based on arguments that are passed, to transform data in to the desired format. Take a look at the following code sample:

        {{ creation_date | date:"MM/dd/yy" }}

• Chaining Pipes: Pipes can be chained to...