Understanding Angular pipes

Click for: original source

James Griffiths post on Angular pipes. Angular, the underlying front-end development framework used by Ionic, provides developers with a feature known as pipes which allows data values to be transformed within an application’s template view prior to being displayed.

Over the course of his tutorial he takes you through using the following Angular pipes:

  • DatePipe
  • i18nSelect

Following from these he’ll then create 2 custom pipes which will allow the following data transformations to take place:

  • Return a random array element
  • Return a random generated, unique string value with a name spliced into that at select intervals

All pipes in Angular make use of a single method – transform. Both example code and installation instructions will help you to understand pipes in Angular. Start building your own pipes now. Good read.

[Read More]

Tags app-development android ios