What are pipes and how can we use pipes in angular?

We have some helpful filters known as Pipes in angular. Pipes make it very easy to format or transform the data value according to our needs. Pipes are used with a Pipe (|) character, it takes an input and returns a desired formatted output. A pipe takes in data as input and transforms it to a desired output.

Pipes can be easily used in HTML templates. For example, convert big data objects into readable format.

lastLoggedInTime = new Date(2018, 5, 25);

Without pipe it will look like

    Last Logged in @ {{lastLoggedInTime}}

With using date Pipe

    Last Logged in @ {{lastLoggedInTime | date}}