Angular Pipe or Filters

Angular Pipe  transform value using transformation pipe.

Pipe is simply a filter or a transformer. It transforms the values passed in and produces result. It is very convenient.

Pipe Card to Remembers :

• Data Conversion Pipes(Number+Date+Currency) :  DecimalPipe  DatePipe  CurrencyPipe PercentPipe
• String Pipes : LowerCasePipe UpperCasePipe  TitleCasePipe
• Object/Array Pipe : KeyValuePipe JsonPipe  SlicePipe
• AsyncPipe
• I18n Pipes :  I18nPluralPipe & I18nSelectPipe

11 built-in pipes

Pipe Name	Before	After	Parameters
CurrencyPipe	12.32	CN¥12.32	[ "CNY" ]
DatePipe	2018-01-01	Jan 1, 2018
TitleCasePipe	aNgular 5 eXaMpLe	Angular 5 Example
DecimalPipe	2.7898999	2.79
SlicePipe	1,2,3,4,5	5	[ 4, 5 ]
I18nPluralPipe	2	2 messages.	[ { "=0": "No messages.", "=1": "One message.", "other": "# messages." } ]
PercentPipe	0.259	26%
LowerCasePipe	ANGULAR 5	angular 5
UpperCasePipe	angular 5	ANGULAR 5
I18nSelectPipe	male	Invite him	[ { "male": "Invite him" } ]
JsonPipe	[object Object]	{ "a": 1, "b": true, "c": "hey" }

---

1 async pipe

Pipe Name	Before	After	Parameters
AsyncPipe	Observable created from .interval(1000)