Creating a custom pipe

Pipes are also a feature of Angular 2 and are not specific to Ionic. If you are familiar with Angular 1, a pipe is exactly the same thing as a filter. The main reason you might want to use pipes is to display data in a different format in the view. You don't want to change the actual value in the component. This makes things very convenient because you don't have to decide on the specific format within the code, while leaving flexibility in the view layer. Here is a list of some useful built-in pipes (from https://angular.io/docs/ts/latest/api/#!?apiFilter=pipe):

  • AsyncPipe
  • DatePipe
  • NumberPipe
  • SlicePipe
  • DecimalPipe
  • JsonPipe
  • PercentPipe
  • UpperCasePipe
  • LowerCasePipe
  • CurrencyPipe
  • ReplacePipe

In this section, you will learn how to create ...

Get Ionic 2 Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.